AutoQueryFeature

[dharasoni16]

I am new to Service stack and I am using AutoQuery feature implementation in my project, I am looking for a way to have all columns name and buttons and heading everything in Autoquery grid view in German language, Is it possible ? and If yes how can I implement it ?
I know that we can give the custom heading to the columns in AutoQuery grid using Header element inside column element in AutoQuerygrid element, But I want to display everything meaning the whole AutoQueryGrid view in German language. Can you help?

[mythz]

There's no support for localization in the Vue component library. But I'm not really clear on what you're trying to achieve, can you show a code example of what you're using and a screenshot of what you want changed.

The columns should be derived from your table columns, so you should have control over them. Which English words are you wanting to replace with German?

[dharasoni16]

I am using servicestack server blazor app template. you are right the column names are taken from my tables but my tables columns are in english and on razor component that is in GUI page I want to show them in German language. For columns it is not a problem as I can manage it using following code

<AutoQueryGrid Model="Booking" Apis="Apis.AutoQuery<QueryBookings,CreateBooking,UpdateBooking,DeleteBooking>()"
               AllowSelection="true" AllowFiltering="true"
               HeaderSelected="OnSelectedHeader" RowSelected="OnSelectedRow">
    <Columns>
        <!-- Custom class -->
        <Column Field="(Booking x) => x.Id" class="text-gray-900" />
        <!-- Only show from Tailwind's xl responsive Breakpoint -->
        <Column Field="(Booking x) => x.Name" VisibleFrom="Breakpoint.ExtraLarge" />
        <!-- Custom Header collapsing 'Room' below 'lg' responsive breakpoint -->
        <Column Field="(Booking x) => x.RoomType">
            <Header>
                <span class="hidden lg:inline">Zimmer </span>Type
            </Header>
        </Column>
        <!-- Custom Header collapsing 'Room' below 'lg' responsive breakpoint -->
        <Column Field="(Booking x) => x.RoomNumber">
            <Header>
                <span class="hidden lg:inline">Zimmer </span>No
            </Header>
        </Column>
</AutoQueryGrid>

using "Header" element as i mentioned above but for the other words that are shown on buttons and forms heading which are Add,Edit,Delete,Cancel,Save,Copy,New,ShowingResults how to convert them into German that I don't know and I want your help with it.

See the image for your reference

[mythz]

You can control the form Title and Subtitle with attributes on your DTOs, e.g:

[Description("Update an existing Booking")]
[Notes("Find out how to quickly create a <a class='svg-external' target='_blank' href='https://youtu.be/nhc4MZufkcM'>C# Bookings App from Scratch</a>")]
public class UpdateBooking : IPatchDb<Booking>, IReturn<IdResponse>
{
  //...
}

But yeah the English buttons are hard coded in the @servicestack/vue component library. You're welcome to create a modified fork which replaces english labels, but I'll note this down as a feature request for adding localization support to the component library.

[dharasoni16]

Understood, Thank you for your reply.