Issue with Menu

8 posts, 0 answers
  1. MBEN
    MBEN avatar
    159 posts
    Member since:
    Nov 2011

    Posted 28 Apr 2014 Link to this post

    I am trying to use a menu on the page but I am having issues with it's display.
    I have attached a picture to explain what I am trying to do. I need the box in blue( it is just on the top right hand bar between profile and logout.
    I am not able to figure out why it is being pushed down.
    I am using the WebBlue skin.

    Attached is my declaration of the menu

    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                            <tr>
                                <td class="welcomeUser" colspan="3">
                                    <div>
                                        <ul>
                                            <li class="welcomeuserli">
                                                <asp:LoginView ID="_loginView" runat="server">
                                                    <LoggedInTemplate>
                                                        <asp:LoginName ID="_loginName" runat="server" />
                                                    </LoggedInTemplate>
                                                </asp:LoginView>
                                            </li>
                                            <li class="welcomeuserli">
                                                <asp:LoginView ID="LoginView1" runat="server">
                                                    <LoggedInTemplate>
                                                        <span class="welcomeuserpipe"> </span>
                                                    </LoggedInTemplate>
                                                </asp:LoginView>
                                            </li>
                                            <li class="welcomeuserli">
                                                <asp:LoginView ID="LoginView2" runat="server">
                                                    <LoggedInTemplate>
                                                        <asp:HyperLink runat="server" ID="linkProfile" NavigateUrl="~/welcome/personalinfo.aspx">
                                                   Profile</asp:HyperLink>
                                                    </LoggedInTemplate>
                                                </asp:LoginView>
                                            </li>
                                            <li class="welcomeuserli">
                                                <asp:LoginView ID="LoginView6" runat="server">
                                                    <LoggedInTemplate>
                                                        <span class="welcomeuserpipe"> </span>
                                                    </LoggedInTemplate>
                                                </asp:LoginView>
                                            </li>
                                            <li class="welcomeuserli">
                                                <asp:LoginView ID="loginViewQuickLinks" runat="server">
                                                    <LoggedInTemplate>
                                                         
                                                        <telerik:RadMenu ID="rmQuickLinks" runat="server" BackColor="LightBlue" ForeColor="Black"  Width="20px" >
                                                            <Items>
                                                                <telerik:RadMenuItem Text="Quick Links" CssClass="welcomeMenu">
                                                                    <Items>
                                                                        <telerik:RadMenuItem NavigateUrl="https://www.nationwide.com/access/web/login.htm"
                                                                            Target="_blank" Text="Nationwide Login">
                                                                        </telerik:RadMenuItem>
                                                                    </Items>
                                                                </telerik:RadMenuItem>
                                                            </Items>
                                                        </telerik:RadMenu>
                                                    </LoggedInTemplate>
                                                </asp:LoginView>
                                            </li>
                                            <li class="welcomeuserli">
                                                <asp:LoginView ID="LoginView3" runat="server">
                                                    <LoggedInTemplate>
                                                        <span class="welcomeuserpipe"> </span>
                                                    </LoggedInTemplate>
                                                </asp:LoginView>
                                            </li>
                                            <li class="welcomeuserli">
                                                <asp:LoginView ID="LoginView5" runat="server">
                                                    <LoggedInTemplate>
                                                        <asp:HyperLink runat="server" ID="linkProfile">                                            
                                                   Help</asp:HyperLink>
                                                    </LoggedInTemplate>
                                                </asp:LoginView>
                                            </li>
                                            <li class="welcomeuserli">
                                                <asp:LoginView ID="LoginView4" runat="server">
                                                    <LoggedInTemplate>
                                                        <span class="welcomeuserpipe"> </span>
                                                    </LoggedInTemplate>
                                                </asp:LoginView>
                                            </li>
                                            <li class="welcomeuserli">
                                                <asp:LoginView ID="_loginViewStatus" runat="server">
                                                    <LoggedInTemplate>
                                                        <asp:LoginStatus ID="_loginStatus" runat="server" meta:resourcekey="_loginStatusResource1" />
                                                    </LoggedInTemplate>
                                                </asp:LoginView>
                                            </li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>                       
                        </table>
     
    the css for the ul:
    .welcomeUser
    {
        font-size: 9px;
        font-weight: bold;
        text-align:right;
        padding-top: 7px;
        padding-left: 2px;
        line-height: 0.75;
    }
    .welcomeUser a
    {
        color: blue;
        font-size: 12px;
    }
    .welcomeuserli {
         display:inline;
         list-style-type:none;
         padding-right:0.25em;    
         padding-left:0.25em;
    }
    .welcomeuserpipe
    {
        color: #ccc;
        font-size: 10px;
        border-right: 1px solid #ccc;
    }
    .welcomeMenu
    {
        padding: 1px;
        float: none;
    }


    PS: I have another menu beneath it for my website navigation so I don't want to change the  css file for Menu.
    Basically I want to have a menu like dropdown eefect where i specify links to go to a new webpage window. I couldn't get that effect with any other control (dropdownlist/combo). If you can suggest another control I am ok to use that.
    Please suggest.
  2. Nencho
    Admin
    Nencho avatar
    1458 posts

    Posted 01 May 2014 Link to this post

    Hello,

    I am afraid that I am unable to see the mentioned attachment. Could you try to re-attach the screenshot, in order to get a clearer picture on the faced issue?

    Regards,
    Nencho
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. MBEN
    MBEN avatar
    159 posts
    Member since:
    Nov 2011

    Posted 02 May 2014 in reply to Nencho Link to this post

    Can you see it now?
  5. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 07 May 2014 Link to this post

    Hello,

    We have tested the code you have provided but the RadMenu did not to be displayed so the issue did not reproduce. We are sending you this video for your reference. You can find the tested project in the attachment. Could you please modify the project to reproduce the issue and send the modified version back to us in a support ticket?

    Regards,
    Magdalena
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  6. MBEN
    MBEN avatar
    159 posts
    Member since:
    Nov 2011

    Posted 08 May 2014 in reply to Magdalena Link to this post

    Hi,

    I ran the sample project you send and I see the same issue there. The Radmenu is displayed on the left whereas it should be displaying between the pipes.

    I have attached an image from the project you send and added my notes.
    Let me know if you still want me to open a support ticket.
  7. MBEN
    MBEN avatar
    159 posts
    Member since:
    Nov 2011

    Posted 08 May 2014 in reply to Magdalena Link to this post

    I think the attachment did not go through in the previous post.
  8. MBEN
    MBEN avatar
    159 posts
    Member since:
    Nov 2011

    Posted 08 May 2014 in reply to MBEN Link to this post

    trying again
  9. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 09 May 2014 Link to this post

    Hello,

    Thank you for the provided resources. We succeeded to open the both attached images but we would need a runnable sample project that replicates the issue so can assist you in more efficient way. Could you please send us a sample runnable project showing the describes issue? I believe that this help article will be very helpful since it shows how to isolate your problem in runnable project.

    Looking forward to your reply.

    Regards,
    Magdalena
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017