Menu Alignment

[PureCode]

Hi,

I cannot get the RadMenu to align right in a table cell for the life of me. I can get it to stretch, half disappear, entirely disappear, appear outside of the table, etc.

Any way to do this?

Also, why does the 'blue dotted line-with blue box' when i select the menu in the table cell in the designer appear all the way on the left of the page? What possible use does this blue stuff have anyway?

Also #2, why does the entire RadMenu sometimes completely disappear when i click it? It's there, just WAAAAY outside of the screen. This seems to be related to the 'blue stuff' mentioned above, click any part of the blue stuff and *poof* the RadMenu moves into oblivion somewhere far away (that's what it seems to do anyway).

I should note, the RadMenu aligns to the right of the table cell just fine when i first plop it onto the page, the alignment resets to the left of the table cell (and the blue stuff appearing all the way on the left of the screen) the moment i stick a root menu in it.

Ok, screen shot time!

The steps taken, plus an extra.

The table html after 'Step 5'

Note on the second screen shot the horrendous mutilation of my HTML! Think you guys forgot to do some indenting here and there :) That is how a Prometheus RadMenu shows up by default, animation and defaultgroupsettings without proper indentation.

Further observations:

• The placing of the funky blue stuff changes randomly when you resize the VS2008 Window, the designer dock window, etc.
• The appearing and disappearing of the funky blue stuff has nothing to do with the 'text-align' i added. If that's already in the <td>, it won't appear, however, REMOVE it, and *poof* there is the funky blue stuff. It does it pretty much any time you change anything really.
• Click/Drag/etc the funky blue box and *poof* the RadMenu 'disappears' to an entirely different location on the page, usually waaaay out to the right somewhere, well off screen.

So, to summarize, it seems that RadMenu has some decently sized issues, to say the least..

I am using the latest Prometheus 'hotfix'.

Thanks,

Mike

[PureCode]

Ok, tried something.

When i point at the dotted blue line, i get a different cursor, when i click (just click) the mouse at that point, the entire RadMenu indeed disappears entirely, it's no longer on screen, the horizontal scrollbar appears tho, but even scrolling to the right reveals nothing.

However, the code changed..

Before:

<telerik:RadMenu ID="RadMenu1" Runat="server" Flow="Horizontal" Skin="Office2007">

After:

<telerik:RadMenu ID="RadMenu1" Runat="server" Flow="Horizontal" Skin="Office2007" style="left: 570px">

It added a style with 'left' to it, just cause i clicked on the blue dotted line :)

However, do note that the RadMenu is no longer visible in the VS2008 designer after this! I suspect that's because it is in the table cell, which is not wide enough for the 'left' Prometheus decided to add.

Regards,

Mike

[PureCode]

Yep, seems I am right.

Executing the application, results in this:

There it is, way outside the table cell.

The same happens in both FireFox and IE7.

To us, RadMenu is pretty much useless in this state, as one of my people said just now: "seems very alpha version to me, hope the rest is better, for our sake" (he doesn't normally work with Web stuff or .NET, he's a systems coder).

I am inclined to agree with him tho, this doesn't match the quality of the other controls by miles, feels very 'take the original code, dump it in Prometheus, hope it works'. I am sure that is not the case, but that is the feeling i get from RadMenu. I certainly can't ever use this control for a customer when it is in this state.

[T. Tsonev]

Hi Mike,

This is most certainly possible. Maybe the solution is not quite obvious. You need to float the menu to the right:

<table>
    <tbody>
        <tr>
            <td style="width: 500px;">
                <telerik:RadMenu ID="RadMenu1" runat="server" Skin="Web20" Style="float: right;">
                </telerik:RadMenu>
            </td>
        </tr>
    </tbody>
</table>

I am sorry for the inconvenience, we will consider including this in the documentation.

All the best,
Tsvetomir Tsonev
the Telerik team

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

[PureCode]

Thanks, that certainly helps with the alignment issue.

What about the other issues that seem to be happening as described above, as far as the odd blue line/box thing, etc? Anything we should worry about?

Regards,

Mike

[T. Tsonev]

Hi Mike,

The design-time surface of Visual Studio 2008 uses a completely new rendering engine and we are still working around some issues that we have with our controls in it. We will also investigate the problem with the misaligned blue box.

If everything looks right in an actual browser, then there is nothing to worry about.

Kind regards,
Tsvetomir Tsonev
the Telerik team

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

[PureCode]

Great.

The menu is now more or less working as it should.

Only 'quirk' i noticed now is with separators that make the RadMenu error in design time on screen (and kills the ability to edit the menu) when no text is supplied but work fine in run-time, if text is supplied, that text gets displayed under the separator line, or an empty line is displayed under the separator line when I put '&nbsp;' as the text.

If you need more info, i can do some screen shots on that, but it is a minor issue to work-around as it works fine in run-time without text supplied.

Thanks,

Mike

[T. Tsonev]

Hello PureCode,

Thanks for reporting the issue. We will investigate the problem and will try to fix it in time for the SP2 release.

Best wishes,
Tsvetomir Tsonev
the Telerik team

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