We are working with the Telerik RadMenu. We want to change the graphic for the Menu Bar, our users need the option to change the graphic that appears at the top left. Our options are to use the Telerik button image or a Menu Bar image without any graphic. Both images contain the menu bar with the circle corner. How do we display the proper menu bar background of the tope left corner and the uploaded graphic from the end-user?
4 Answers, 1 is accepted
I'm not sure I understand the requirement here, are you trying to have a separate background and change the images on top of it? Can you elaborate a bit on what exactly do you want to achieve? If you need to send a sample project or a live URL, you may open a support ticket with a reference to this thread. Thank you in advance.
Kind regards,
Kamen Bundev
the Telerik team
We want to be able to change the image, instead of the telerik image (menu2.png) we want to display a client logo. Do we need to build a new image using menu1.png as the background using photoshot or something? Or can we overlay an image on top of the background menu1.png (in code below this is named MenuBarGb.gif)? It would be better if we can overlay an image but I don’t see how to change the code to allow this to happen. See code below:
<telerik:RadMenu ID="RadMenu1" runat="server" Skin="Office2007Big" EnableEmbeddedSkins="false"
CssClass="Office2007RootItem" EnableScreenBoundaryDetection="false" Style="position: absolute;
margin-top: -31px; margin-left: -1px;">
<Items>
<telerik:RadMenuItem ImageUrl="Images/MenuBarBg.gif" CssClass="myClass">
</telerik:RadMenuItem>
</Items>
</telerik:RadMenu>
I'm attaching a modified RibbonBar example (drop it in the same folder as the old one) in which the root image is replaced with a plain background image and the button is placed on top of it - you can change it with CSS. Check the last two rules in the CSS file for how to change it.
Let me know if this works for you.
Sincerely yours,
Kamen Bundev
the Telerik team