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

Radlistbox-Position change of Transfer Buttons

4 Answers 231 Views
ListBox
This is a migrated thread and some comments may be shown as answers.
Raj
Top achievements
Rank 1
Raj asked on 04 May 2011, 05:30 AM
Hi,
I want to use Radlistbox control in my project at several times. But my requirement for look and feel to radlistbox is different what given in telerik.I want the Move buttons to come in middle of Source and destination listboxes and sould have enough gap among themselves.Please find the screen shot i have attached



Regards
Raj

4 Answers, 1 is accepted

Sort by
0
Genady Sergeev
Telerik team
answered on 06 May 2011, 01:24 PM
Hi Raj,

You can achieve the desired view with the following markup:

<head runat="server">
    <title></title>
    <style type="text/css">
        a[title='All to Right']
        {
            margin-top:70px !important;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager runat="server" ID="ScriptManager1">
    </asp:ScriptManager>
     
    <telerik:RadListBox runat="server" ID="RadListBox1" AllowTransfer="true" Height="200px">
    <ButtonSettings Position="Right" VerticalAlign="Middle" />
        <Items>
            <telerik:RadListBoxItem Text="Text1" />
            <telerik:RadListBoxItem Text="Text2" />
            <telerik:RadListBoxItem Text="Text3" />
            <telerik:RadListBoxItem Text="Text4" />
            <telerik:RadListBoxItem Text="Text5" />
            <telerik:RadListBoxItem Text="Text6" />
        </Items>
    </telerik:RadListBox>
    </form>


All the best,
Genady Sergeev
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

0
Vinay
Top achievements
Rank 1
answered on 08 Aug 2011, 11:06 AM
Hi,
I am using Telerik controls for the first time.
My requirement is ,
1)The "Transfer All " button should not be displayed
2) The text of the button names of "To Right" should be changed to "Add >>" and "To Left" to "<< Remove".
3) The buttons positions should be displayed in the middle of the two list boxes.

For the first one,  used ButtonSettings-ShowTransferAll="false".
For the second, changed the Text like this <Localization ToLeft="&lt;&lt; Remove" ToRight="Add &gt;&gt; " />
Both are working fine.
For changing the position i am trying to do like this:
<style type="text/css">
        a[title='&lt;&lt; Remove']
        {
            margin-top:70px !important;
        }
        a[title='Add &gt;&gt;']
        {
            margin-top:70px !important;
        }
    </style>
but this is not working.
Can you please let me know, how to change the positions, also whether i am using the correct functionality for the first two?
0
Peter
Telerik team
answered on 11 Aug 2011, 07:04 AM
Hello Vinay,

Just setting - <ButtonSettings VerticalAlign="Middle" .../> should be sufficient. You should not use any css styles for this.

Regards,
Peter
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

0
Mya Thandar
Top achievements
Rank 1
answered on 03 Feb 2018, 01:51 PM

Hi 

Can you advise me?  what was wrong ?

 

I used that below code but delete button position is showing Left-Top.

 

<ButtonSettings HorizontalAlign="Right" Position="Top" ShowDelete="true" />

Tags
ListBox
Asked by
Raj
Top achievements
Rank 1
Answers by
Genady Sergeev
Telerik team
Vinay
Top achievements
Rank 1
Peter
Telerik team
Mya Thandar
Top achievements
Rank 1
Share this question
or