Radlistbox-Position change of Transfer Buttons

4 posts, 0 answers
  1. Raj
    Raj avatar
    1 posts
    Member since:
    Mar 2011

    Posted 04 May 2011 Link to this post

    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
  2. Genady Sergeev
    Admin
    Genady Sergeev avatar
    1596 posts

    Posted 06 May 2011 Link to this post

    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.

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Vinay
    Vinay avatar
    1 posts
    Member since:
    Aug 2011

    Posted 08 Aug 2011 Link to this post

    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?
  5. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 11 Aug 2011 Link to this post

    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.

Back to Top