DOCTYPE HTML 4.0 and context menu with images

[tomas]

Context menu is not rendered correctly in IE 7.0.

Do you have any suggestion how to solve it?

I can't change the doctype...

Thank you very much.

Tom

[Kamen Bundev]

Hi Tomas,

Thank you for this bug report, this issue was fixed and will appear with the next service pack of RadControls for ASP.NET AJAX. I've updated your Telerik points accordingly. Meanwhile if you want to fix this issue ASAP, adding this CSS to your project should fix it for all skins:
div.RadMenu .rmGroup .rmLink,
div.RadMenu .rmSlide .rmGroup .rmTemplate
{
    padding: 0;
}

div.RadMenu_rtl .rmGroup .rmLink,
div.RadMenu_rtl .rmSlide .rmGroup .rmTemplate
{
    padding: 0;
}

div.RadMenu .rmGroup .rmText
{
    padding: 0 54px 0 28px;
    margin: 0 0 0 4px;
}

div.RadMenu_rtl .rmGroup .rmText
{
    padding: 0 28px 0 54px;
    margin: 0 4px 0 0;
}

div.RadMenu .rmGroup .rmLeftImage
{
    margin: 4px 0 0 6px;
}

* html div.RadMenu .rmGroup .rmLeftImage { margin-left: 4px; }
*+html div.RadMenu .rmGroup .rmLeftImage { margin-left: 4px; }

div.RadMenu_rtl .rmGroup .rmLeftImage
{
    margin: 4px 6px 0 0;
}

* html div.RadMenu .rmGroup .rmLeftImage { position: absolute; }
*+html div.RadMenu .rmGroup .rmLeftImage { position: absolute; }

* html div.RadMenu_rtl .rmGroup .rmLeftImage { right: 0; }
*+html div.RadMenu_rtl .rmGroup .rmLeftImage { right: 0; }

If by any chance this doesn't help, let me know and i will send you the whole base stylesheet or the next nightly build, whichever you prefer.

Best wishes,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[tomas]

Hi Kamen. 

I am using text context menu with icons.

Yes I can see that image and text of one item are on the same line now but I have another problem.

The selected Item has a another hight then unselected. It seems to me that unselected items are are too low. 

Can you send me another stylesheet, please?

Thank you very much. 

Tom 

[Kamen Bundev]

Hi Tomas,

I'm attaching the fixed RadMenu base stylesheet to this message, link it to your page, but don't forget to disable the one in the assembly with the RadMenu attribute EnableEmbeddedBaseStylesheet="false".

Sincerely yours,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[tomas]

Hello Kamen.

Thank you very much. I think you are providing me really good support.

Now both items selected and unselected are in one line but it seems to me, that images of icons (16 x 16 px) are still about 3 pixels bellow the right position.

Have a nice day.

Tom

[tomas]

I have forgot one thing.

I am including RAD MENU on the fly. This line of code:

this.menu.EnableEmbeddedBaseStylesheet = false;

is executed before the control is added to the page controls container.

Is it ok?

Thank you very much...

Tom

[Kamen Bundev]

Hi Tomas,

Try with the css in the attached zip file. Let me know if it performs better.

Sincerely yours,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.