This is a migrated thread and some comments may be shown as answers.

ListBox / Button Configuration

4 Answers 149 Views
ListBox
This is a migrated thread and some comments may be shown as answers.
Prasad
Top achievements
Rank 1
Prasad asked on 30 Oct 2012, 01:23 PM
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

Sort by
0
Ivan Zhekov
Telerik team
answered on 02 Nov 2012, 07:12 AM
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
<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
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
answered on 07 Nov 2012, 08:17 AM
Actually, this seems to be working:

<%@ Page %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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
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,
<a title="Move left" class="rlbButton rlbMoveUpDisabled rlbDisabled rlbNoButtonText"><span class="rlbButtonBL"><span class="rlbButtonBR"><span class="rlbButtonTR"><span class="rlbButtonTL"><span class="rlbButtonText">&nbsp;</span></span></span></span></span></a>
I am applying my prev.jpg on "previous image button" with following css classes,
.rlbMoveDownDisabled .rlbButtonText, .rlbButton .rlbNoButtonText .rlbMoveDownDisabled .rlbDisabled, .RadListBox_Default .rlbMoveDown .rlbButtonText, .RadListBox_Default .rlbButtonText
but it is repeating same image twice.
I want to show previous and next button as shown in attached image, thanks
Tags
ListBox
Asked by
Prasad
Top achievements
Rank 1
Answers by
Ivan Zhekov
Telerik team
Prasad
Top achievements
Rank 1
Ian
Top achievements
Rank 1
Share this question
or