How to override text-align to have RadSiteMap alignment to the 'right' of a DIV ?

3 posts, 0 answers
  1. Pierick Mellerin
    Pierick Mellerin avatar
    7 posts
    Member since:
    Mar 2010

    Posted 20 Apr 2011 Link to this post

    Hello,

    My RadSiteMap control is in a DIV and I would like to align it to the right of the DIV:

    <div id="col3" style="Width:40%">
     <telerik:RadSiteMap ID="SiteMap1" runat="server" DataTextField="Text" DataNavigateUrlField="NavigateUrl">
     <DefaultLevelSettings ListLayout-RepeatDirection="Horizontal" SeparatorText=">" Layout="Flow" />
    </telerik:RadSiteMap>
    </div>

    So, I have tried many overrides without success:

    #SiteMap1 .Header, .rsmLevel, .rsmItem, .ContentHolder, .rsmTemplate, .rsmList, .rsmFlow etc
    {
        text-align: right;
    }
     
    So, is there a way to override text-align ?

    Thanks in advance.

    Pierrick
  2. Pierick Mellerin
    Pierick Mellerin avatar
    7 posts
    Member since:
    Mar 2010

    Posted 21 Apr 2011 Link to this post


    The same behavior appears for the RadMenu control and I imagine that it is the same origin, so I would like to know if it is by design that it is not possible to override the "text-align" attribute for these controls ?

    Otherwise, what is the workaround for having a SiteMap/RadMenu control aligned to the right of its container (DIV) ?

    Thanks in advance!

    Pierrick
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Pierick Mellerin
    Pierick Mellerin avatar
    7 posts
    Member since:
    Mar 2010

    Posted 21 Apr 2011 Link to this post

    OK, I have found the following solution:

    div.RadSiteMap
    {
        float: right;
    }

    Thanks.

    Pierrick
Back to Top