Buttons translation

[Nancy]

Hello!

Do you guys have any tips on how to design buttons so that they would look good after translation into foreign languages, like German or Korean? After translation text can be too long

[Rumen]

Hi Nancy,

I the width property is not set (default case) the button will accommodate the whole text and will be resized accordingly:

<telerik:RadButton RenderMode="Lightweight" ID="Button1" runat="server"
                        Text="Standard Button With No Icons and Very Long Text Inside">
</telerik:RadButton>

If the width property is set, you can cut the text using the text-overflow: ellipsis CSS trick shown below:

<style>
    .RadButton .rbText {
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
</style>
<telerik:RadButton RenderMode="Lightweight" ID="Button1" runat="server" Width="80px"
    Text="Standard Button With No Icons and Very Long Text Inside">
</telerik:RadButton>

 

 

Best Regards,
Rumen
Progress Telerik