Hello Telerik,
I am using ASP.Net Ajax Ribbon Bar control.
I have set its width to 100%, so its width changes as browser resized.
When I resize the browser to very less width. I found the ribbon bar button gets small to adjust with width. But the button text is getting lost.
Please find the attached image for reference.
Please refer below code: (contains first ribbon tab from image only)
<telerik:RadRibbonBar ID="SampleRibbon" runat="server" Skin="Office2007" Font-Size="12px"
OnButtonClick="SampleRibbon_ButtonClick" OnMenuItemClick="SampleRibbon_MenuItemClick">
<telerik:RibbonBarTab Text="One">
<telerik:RibbonBarGroup ID="RibbonBarGroup6" runat="server" EnableLauncher="False"
Text="Menu Items" Value="">
<Items>
<telerik:RibbonBarButton ID="rbtnHome" runat="server" Text="Home<br>Page" Size="Large"
Width="45px" ToolTip="Home Page" Value="Home" ImageUrlLarge="~/Images/RibbonIcons/try-icon.ico"
ImageUrl="~/Images/RibbonIcons/try-icon.gif" />
<telerik:RibbonBarButton ID="rbtnCalendar" runat="server" Text="Calendar" Size="Large"
Width="60px" ToolTip="Calendar" Value="Calendar" ImageUrlLarge="~/Images/RibbonIcons/Calendar2.ico"
ImageUrl="~/Images/RibbonIcons/Calendar2.gif" />
</Items>
</telerik:RibbonBarGroup>
<telerik:RibbonBarGroup ID="RibbonBarGroup7" runat="server" EnableLauncher="False"
Text="Reporting" Value="">
<Items>
<telerik:RibbonBarButton ID="rbtnHomeReport" runat="server" Text="Print<br>Reports"
Size="Large" Width="70" ToolTip="Print Reports" ImageUrlLarge="~/Images/RibbonIcons/print1.ico"
ImageUrl="~/Images/RibbonIcons/print1.gif" />
</Items>
</telerik:RibbonBarGroup>
<telerik:RibbonBarGroup ID="RibbonBarGroup14" runat="server" EnableLauncher="False"
Text="View and Find" Value="" Width="100">
<Items>
<telerik:RibbonBarButton ID="rbtnHomeFind" runat="server" Text="Find" Size="Large"
ToolTip="Find" Width="100" ImageUrlLarge="~/Images/RibbonIcons/find1.ico" ImageUrl="~/Images/RibbonIcons/find1.gif"
DisabledImageUrlLarge="~/Images/RibbonIcons/find1_disable.png" DisabledImageUrl="~/Images/RibbonIcons/find1_disable.gif" />
</Items>
</telerik:RibbonBarGroup>
<telerik:RibbonBarGroup ID="RibbonBarGroup8" runat="server" EnableLauncher="False"
Text="Help" Value="">
<Items>
<telerik:RibbonBarButton ID="rbtnHomeHelp" runat="server" Text="User<br>Guide" Size="Large"
ToolTip="User Guide" Width="50" ImageUrlLarge="~/Images/RibbonIcons/user_guide.ico"
ImageUrl="~/Images/RibbonIcons/user_guide.gif" />
<telerik:RibbonBarButton ID="rbtnContachTech" runat="server" Text="Contact<br>Tech"
ToolTip="Contact Tech" Size="Large" Width="70" ImageUrlLarge="~/Images/RibbonIcons/contact_tech.ico"
ImageUrl="~/Images/RibbonIcons/contact_tech.gif" />
</Items>
</telerik:RibbonBarGroup>