[Solved] Menu selection opens a new "window"

[Taras]

I'm trying to replicate what I believe is a tabstrip menu display (not the best description).

I've attached a sample of what I'm trying to do.  Basically, when a menu item is selected, a new windows in the viewport is opened and the page is displayed there.  Multiple pages can be opened when selecting menu items. 

Clicking the X on the left would close all open windows.  Home would be always displayed.

Is this done with Tabstrip or some other component?

[Dimo]

Hello Taras,

The following components may be suitable to implement the desired behavior:

• ButtonGroup with ToggleButtons instead of close icons. Or, use nested buttons as in the code snippet below.
• Menu with ItemTemplate that renders the close buttons.
• TabStrip with dynamic tabs. Check this example: https://blazorrepl.telerik.com/wqYWuqlv33BvrzCQ09

It's important to note that neither option is a perfect match and depending on the desired result, any choice may require workarounds. That's why I advise to keep things simple, even if this means to use custom rendering that does not rely on our components at all.

<TelerikButtonGroup>
    <ButtonGroupButton OnClick="@ShowWindow">
        Button Text
        <span @onclick:stopPropagation>
            <TelerikButton OnClick="@HideWindow" Icon="@SvgIcon.X" />
        </span>
    </ButtonGroupButton>
</TelerikButtonGroup>

 

Regards,
Dimo
Progress Telerik