This is a migrated thread and some comments may be shown as answers.
Image position
3 Answers 59 Views
This is a migrated thread and some comments may be shown as answers.
DonKitchen
Top achievements
Rank 1
DonKitchen asked on 24 Jun 2008, 02:30 PM
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!

3 Answers, 1 is accepted

Sort by
0
Peter
Telerik team
answered on 24 Jun 2008, 05:29 PM
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
0
DonKitchen
Top achievements
Rank 1
answered on 24 Jun 2008, 07:02 PM
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?
0
Alex Gyoshev
Telerik team
answered on 27 Jun 2008, 01:36 PM
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
Tags
Menu
Asked by
DonKitchen
Top achievements
Rank 1
Answers by
Peter
Telerik team
DonKitchen
Top achievements
Rank 1
Alex Gyoshev
Telerik team
Share this question
or