Different button alignment

2 posts, 0 answers
  1. Simon
    Simon avatar
    7 posts
    Member since:
    Aug 2008

    Posted 04 Sep 2008 Link to this post

    Hi there,

    I have the same problem as already posted with my toolbar.
    http://www.telerik.com/community/forums/thread/b311D-bekmgb.aspx
    I want a button (logout) and a dropdown (language) to flow to the right side and the other components to the left.
    I did, what's posted, and it worked fine as long as I did not add separators to my toolbar. But I need some separators in there.
    My actual style sheet looks like that:

    .RadToolBar_Default     
    {     
        width:100%;     
    }     
        
    .RadToolBar_Default .rtbOuter     
    {     
        width:100%;     
    }     
        
    .RadToolBar_Default_Horizontal .rtbItem     
    {     
        padding-right1px;     
        float:left;     
    }     
        
    * html .RadToolBar_Default .rtbItem      
    {      
        margin-bottom:2px;      
    }      
           
    .RadToolBar_Default_Horizontal .rightAlignedWrapper       
    {       
        float:right;     
    }     
        
    .RadToolBarDropDown_Default .rtbSeparator     
    {     
        border: 0;     
        line-height: 0;     
        float:left;     
    }     
        
    .RadToolBarDropDown_Default .rtbSeparator .rtbText     
    {     
        displaynone;     

    I have no idea what the matter is, but I am not a CSS-guru.
    I have to say, that I didn't already test, what happens, when I insert the required language dropdown.I did this only with the logout button. So maybe it would get worse.

    There is an other problem too: I want to wrap this toolbar in a masterpage. There are two buttons (navigate back and forward). Those buttons are displayed all the time. (Same for language dropdown and logout button.) But the one that creates the content page, adds its required buttons after those static buttons. So that would cause, those buttons are after language and logout. I think, I have to work around with some life time cycle events as prerender. But maybe you have an idea, to do this with css.

    Thanks for help
    Greets Simon

  2. Simon
    Simon avatar
    7 posts
    Member since:
    Aug 2008

    Posted 04 Sep 2008 Link to this post

    Me again,

    I tested it with adding the dropdown. That works fine, as well as the separator have not been added.
    I found out, adding some buttons after login and language is no problem. They are aligned to the left, same as back and forward.
    (Little note for others, that read this thread: The right side components must be added in reverse order as they want to be displayed.)
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top