I want to add my list box in first column and buttons in second column.current configuration allows buttons to be aligned at top, bottom, center position vertically, and horizontally Left, Right, Center. I want to display Listbox and buttons in one after another.( button will be in horizontal position) please go through attached image.
4 Answers, 1 is accepted
0
Hi.
Although that's not immediately possible with the settings, it is possible with some tweaking of the settings and styles:
1) You need to set a wider button area, say
2) Then you need to set the buttons to be floated e.g:
And that should do it.
Of course, there are a number of cases that this scenario will not work. It depends on the styles you may have in your project etc.
Further reading of the button settings -- http://www.telerik.com/help/aspnet-ajax/listbox-button-settings.html.
All the best,
Ivan Zhekov
the Telerik team
Although that's not immediately possible with the settings, it is possible with some tweaking of the settings and styles:
1) You need to set a wider button area, say
<telerik:RadListBox runat="server" id="RadListBox1"> ... <ButtonSettings AreaWidth="60" Position="Top" HorizontalAlign="Left" /> ...</telerik:RadListBox>2) Then you need to set the buttons to be floated e.g:
.RadListBox .rlbButton { float: left;}And that should do it.
Of course, there are a number of cases that this scenario will not work. It depends on the styles you may have in your project etc.
Further reading of the button settings -- http://www.telerik.com/help/aspnet-ajax/listbox-button-settings.html.
All the best,
Ivan Zhekov
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Prasad
Top achievements
Rank 1
Rank 1
answered on 02 Nov 2012, 08:11 AM
Thanks for reply Ivan, but its not working. can you provide any other solution?
0
Accepted
Ian
Top achievements
Rank 1
Rank 1
answered on 07 Nov 2012, 08:17 AM
Actually, this seems to be working:
Indeed you get the buttons aligned.
<%@ Page %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>ListBox / Button Configuration</title> <style type="text/css"> .RadListBox .rlbButton { float: left; } </style></head><body><form id="form1" runat="server"> <asp:ScriptManager runat="server" /> <telerik:RadListBox runat="server" AllowReorder="true"> <ButtonSettings AreaWidth="60" ReorderButtons="Common" /> <Items> <telerik:RadListBoxItem Text="Item 1" /> <telerik:RadListBoxItem Text="Item 2" /> <telerik:RadListBoxItem Text="Item 3" /> <telerik:RadListBoxItem Text="Item 4" /> <telerik:RadListBoxItem Text="Item 5" /> </Items> </telerik:RadListBox></form></body></html>Indeed you get the buttons aligned.
0
Prasad
Top achievements
Rank 1
Rank 1
answered on 13 Dec 2012, 01:19 PM
PFA,
I want to show only prev and next buttons images on respective buttons. but there some other event which are overloading another image with my image.I am getting following code,
I am applying my prev.jpg on "previous image button" with following css classes,
but it is repeating same image twice.
I want to show previous and next button as shown in attached image, thanks
I want to show only prev and next buttons images on respective buttons. but there some other event which are overloading another image with my image.I am getting following code,
<a title="Move left" class="rlbButton rlbMoveUpDisabled rlbDisabled rlbNoButtonText"><span class="rlbButtonBL"><span class="rlbButtonBR"><span class="rlbButtonTR"><span class="rlbButtonTL"><span class="rlbButtonText"> </span></span></span></span></span></a>.rlbMoveDownDisabled .rlbButtonText, .rlbButton .rlbNoButtonText .rlbMoveDownDisabled .rlbDisabled, .RadListBox_Default .rlbMoveDown .rlbButtonText, .RadListBox_Default .rlbButtonTextI want to show previous and next button as shown in attached image, thanks