Image position

4 posts, 0 answers
  1. DonKitchen
    DonKitchen avatar
    104 posts
    Member since:
    Jul 2007

    Posted 24 Jun 2008 Link to this post

    I'm trying to figure out how I can have the image show above the text rather than to the left (or right) of it, which seem to be the only options when using the properties.

    Do I need to create a custom item template?  If I do, what's the syntax to keep it as close to the default with just making those minor changes (image above vs. to the left of the text)?

    Any help is greatly appreciated!
  2. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 24 Jun 2008 Link to this post

    Hello Don,

    This would be a difficult task to achieve with RadMenu. RadToolBar, on the other hand provides this functionality as a built-in feature as demonstrated in this example. Is it possible for you to use RadToolBar instead?

    All the best,
    Peter
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. DonKitchen
    DonKitchen avatar
    104 posts
    Member since:
    Jul 2007

    Posted 24 Jun 2008 Link to this post

    You are correct that it seems to make it easy to show the image above the text, but since my menu is databound from the database, using the parentId value to build the hierarchy, it seems that I'd be losing that by going with the toolbar.

    I don't see a way so far to bind so that it can decipher that hierarchy.  Can you point me to a sample where it uses that?
  4. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2527 posts

    Posted 27 Jun 2008 Link to this post

    Hi DonKitchen,

    The following CSS should do the trick:
    .RadMenu .rmLeftImage 
        padding2px 0; /* the 2px could be fine-tuned, depending on your case */ 
        floatnone
    .RadMenu .rmText 
        text-aligncenter
        displayblock

    All the best,
    Alex
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
Back to Top