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

Issue with Menu

6 Answers 84 Views
Menu
This is a migrated thread and some comments may be shown as answers.
MBEN
Top achievements
Rank 2
Veteran
MBEN asked on 28 Apr 2014, 08:30 PM
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.

6 Answers, 1 is accepted

Sort by
0
Nencho
Telerik team
answered on 01 May 2014, 12:16 PM
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.

 
0
MBEN
Top achievements
Rank 2
Veteran
answered on 02 May 2014, 05:38 PM
Can you see it now?
0
Magdalena
Telerik team
answered on 07 May 2014, 09:54 AM
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.

 
0
MBEN
Top achievements
Rank 2
Veteran
answered on 08 May 2014, 03:40 PM
I think the attachment did not go through in the previous post.
0
MBEN
Top achievements
Rank 2
Veteran
answered on 08 May 2014, 03:41 PM
trying again
0
Magdalena
Telerik team
answered on 09 May 2014, 11:46 AM
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.

 
Tags
Menu
Asked by
MBEN
Top achievements
Rank 2
Veteran
Answers by
Nencho
Telerik team
MBEN
Top achievements
Rank 2
Veteran
Magdalena
Telerik team
Share this question
or