Image position

[DonKitchen]

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!

[Peter]

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

[DonKitchen]

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?

[Alex Gyoshev]

Hi DonKitchen,

The following CSS should do the trick:

.RadMenu .rmLeftImage
{
    padding: 2px 0; /* the 2px could be fine-tuned, depending on your case */
    float: none;
}
.RadMenu .rmText
{
    text-align: center;
    display: block;
}

All the best,
Alex
the Telerik team

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