Telerik RadMenu - Menu Bar Image

5 posts, 0 answers
  1. Thomas Abruzzo
    Thomas Abruzzo avatar
    5 posts
    Member since:
    Feb 2010

    Posted 25 Jun 2010 Link to this post

    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?

  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 01 Jul 2010 Link to this post

    Hello Thomas,

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. Thomas Abruzzo
    Thomas Abruzzo avatar
    5 posts
    Member since:
    Feb 2010

    Posted 01 Jul 2010 Link to this post

    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>

  4. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 07 Jul 2010 Link to this post

    Hello Thomas,

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  5. Thomas Abruzzo
    Thomas Abruzzo avatar
    5 posts
    Member since:
    Feb 2010

    Posted 07 Jul 2010 Link to this post

    This helped a lot, thanks!
Back to Top