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

first item mis-aligned when added server side

1 Answer 139 Views

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

Morten asked on 18 Mar 2009, 12:08 AM

On a page I have a menu:

    
                            <div style="float:right !important;"> 
        
                              <telerik:RadMenu ID="m" runat="server" Skin="Vista" style="z-index: 1000"> 
        
                                <Items> 
        
                                  <telerik:RadMenuItem runat="server" Text="campaigns" NavigateUrl="~/LocGrp/Campaigns.aspx" /> 
        
                                  <telerik:RadMenuItem runat="server" Text="reports" NavigateUrl="~/LocGrp/CampaignReports.aspx" /> 
        
                                  <telerik:RadMenuItem runat="server" Text="logout" NavigateUrl="~/Log.aspx" /> 
        
                                </Items> 
        
                              </telerik:RadMenu> 
        
                            </div>

In the code behind I do this:

    
                    Dim decoItem As New RadMenuItem 
        
                    decoItem.Text = "decoplan" 
        
                    Dim decoMngt As New RadMenuItem 
        
                    decoMngt.Text = "Manage plan" 
        
                    decoMngt.NavigateUrl = "~/LocGrp/Decoplan.aspx" 
        
                    decoItem.Items.Add(decoMngt) 
        
                    Dim decoAccess As New RadMenuItem 
        
                    decoAccess.Text = "Manage access" 
        
                    decoAccess.NavigateUrl = "~/LocGrp/DecoplanAccess.aspx" 
        
                    decoItem.Items.Add(decoAccess) 
        
                    Me.m.Items.Insert(0, decoItem)

The rendered HTML:

    
            <div style="float:right !important;"> 
        
            <div id="ctl00_m" class="RadMenu RadMenu_Vista " style="z-index: 1000"> 
        
            <!-- 2009.1.311.35 --><ul class="rmHorizontal rmRootGroup"> 
        
            <li class="rmItem rmFirst"><a href="#" class="rmLink "><span class="rmText">decoplan</span></a><div class="rmSlide"> 
        
            <ul class="rmVertical rmGroup rmLevel1"> 
        
            <li class="rmItem rmFirst"><a href="Decoplan.aspx" class="rmLink "><span class="rmText">Manage plan</span></a></li><li class="rmItem rmLast"><a href="DecoplanAccess.aspx" class="rmLink "><span class="rmText">Manage access</span></a></li> 
        
            </ul> 
        
            </div></li><li class="rmItem"><a href="Campaigns.aspx" class="rmLink "><span class="rmText">campaigns</span></a></li><li class="rmItem"><a href="CampaignReports.aspx" class="rmLink "><span class="rmText">reports</span></a></li><li class="rmItem rmLast"><a href="../Loout.aspx" class="rmLink "><span class="rmText">logout</span></a></li> 
        
            </ul><input id="ctl00_m_ClientState" name="ctl00_m_ClientState" type="hidden" /> 
        
            </div> 
        
            </div>

In both ID6 and Firefox 3.07 a few pixels left-padding are added to the "Manage plan" item. I'll send/upload a screen shot if you want.

How do I get rid of the extra few pixels?

1 Answer, 1 is accepted

Accepted

answered on 20 Mar 2009, 09:49 AM

ajaxenabledwebsite1.zip

menu.jpg

Hello Morten,

I couldn't reproduce the error on my end. Please find attached my test page and a screenshot how it looks locally.

Regards,
Albert
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.