How to popup a Usercontrol from the ribbon

John posted over 15 years ago

Dear Support,

actually we are in the decisionprocess between ActiPro + XCeed or Infragistics.
For the time being we don't find your sparely onlinehelp very useful, so maybe you can give us some hints. Even for the ToolProxy there is nealy no help, except your statement "you don't need this if your are not developing your own controls". Great. Really. Was rolling laughin on the floor....

We would like to have a Button with this small arrow in the ribbon (called at IG MenuTool).
After pressing the button we would like to have a usercontrol popped up, below the button.

With Actipro it's quite easy, cause they use some "PopupButton" which pops up nearly everything.

But your MenuTool puts our Control within a Menu which looks really terrible.
We would like to have a solution for this in XAML only, without any coding. And it would be great if the usercontrol could be resizeable by the user without any addional coding or changing the UserControl itself.

Furthermore we would like to know, when you will support the Scenic-Ribbon-style.
Someone asked in July but there is still no reply from your end.

Thank you very much in advance for your soon reply.
Bst rgds,

Jens D.

PS: I mean something like

<igRibbon:MenuTool>
<igRibbon:ResizeablePopupControl>

<myProject:MyUsercontrol/>
</igRibbon:ResizeableWindowControl>

</igRibbon:MenuTool>

65

John posted over 15 years ago in reply to Andrew Smith [Infragistics]

Dear Andrew,

thank you very much for your quick and helpful reply.
This moring I tried to seperate the Styles of the MenuTool, MenuItemPresenter and ToolMenuItem with Expression Blend and put a ContentPresenter inside of it. So...it works, but I still don't exaclty know, what I've done ;-)

Your solution seems quite more clear and clean. And so easy that I'm shaking my head :)

Regarding the resizeable-matter I will play with the ContentPresenter. That's not so important, just a nice-to-have-feature.

The Scenic-Ribbon, as long as I know, seems to have a rectangular area instead of the glossy Application-Button on the top left side. I believe this might be the only visible change. So, probably the won't update there Ribbon Guidelines, because I think they are belonging to the Office-Ribbon and not to the Scenic-Ribbon.

Nevertheless I think it would be nice, to get the new look as well, when Windows 7 is available, because the round, glossy look might be always been associated with MS-Office and not with other business-applications. But....that are just my 2 cents.

Thanks again for the a.m. hint.

Best regards,

Jens
Cancel
Reply

Cancel
54937

Verified Answer
Offline Andrew Smith [Infragistics] posted over 15 years ago

Jens23 said:
But your MenuTool puts our Control within a Menu which looks really terrible.
We would like to have a solution for this in XAML only, without any coding.
The default behavior is to put an element in the header area of the menu item. This would make sense in a situation where you have other menu items and you put something like a textbox into the menu. However for your scenario this obviously isn't what you want. This should probably be made easier in a future version but for now I can think of two options. One is to put a ToolMenuItem in the items where the Header contains your control and the tempalte of the TMI is set to a simple ContentPresenter. e.g.

<igRibbon:XamRibbon DockPanel.Dock="Top">

    <igRibbon:XamRibbon.Resources>

        <ControlTemplate TargetType="{x:Type igRibbon:ToolMenuItem}" x:Key="FillItemTemplate">

            <ContentPresenter ContentSource="Header" />

        </ControlTemplate>

    </igRibbon:XamRibbon.Resources>

    <igRibbon:RibbonTabItem Header="Home">

        <igRibbon:RibbonGroup Caption="Sample">

            <igRibbon:MenuTool Caption="Custom MenuItem">

                <igRibbon:ToolMenuItem

                    MinWidth="100" MinHeight="100"

                    Template="{StaticResource FillItemTemplate}">

                    <igRibbon:ToolMenuItem.Header>

                        <TextBox AcceptsReturn="True" />

                    </igRibbon:ToolMenuItem.Header>

                </igRibbon:ToolMenuItem>

            </igRibbon:MenuTool>

        </igRibbon:RibbonGroup>

    </igRibbon:RibbonTabItem>

</igRibbon:XamRibbon>

Another option would be to have a custom tool that wraps the object you want to host in the dropdown that tells the ribbon that this item should fill the entire area. e.g.

<igRibbon:XamRibbon DockPanel.Dock="Top">

    <igRibbon:XamRibbon.Resources>

        <ControlTemplate TargetType="{x:Type igRibbon:ToolMenuItem}" x:Key="FillItemTemplate">

            <ContentPresenter ContentSource="Header" />

        </ControlTemplate>

    </igRibbon:XamRibbon.Resources>

    <igRibbon:RibbonTabItem Header="Home">

        <igRibbon:RibbonGroup Caption="Sample">

            <igRibbon:MenuTool Caption="Custom MenuItem">

                <igSample:MenuItemWrapper

                    xmlns:igSample="clr-namespace:Infragistics.Samples"

                    MinWidth="100" MinHeight="100">

                    <DockPanel>

                        <TextBox AcceptsReturn="True" />

                    </DockPanel>

                </igSample:MenuItemWrapper>

            </igRibbon:MenuTool>

        </igRibbon:RibbonGroup>

    </igRibbon:RibbonTabItem>

</igRibbon:XamRibbon>

namespace Infragistics.Samples

{

public class MenuItemWrapper : ContentControl, IRibbonTool

{

#region Constructor

static MenuItemWrapper()

{

MenuItemWrapper.DefaultStyleKeyProperty.OverrideMetadata(typeof(MenuItemWrapper), new FrameworkPropertyMetadata(typeof(MenuItemWrapper)));

// simple template of just a content presenter

ControlTemplate ct = new ControlTemplate(typeof(MenuItemWrapper));

FrameworkElementFactory fef = new FrameworkElementFactory(typeof(Border));

fef.SetValue(BackgroundProperty, new TemplateBindingExtension(BackgroundProperty));

fef.SetValue(BorderBrushProperty, new TemplateBindingExtension(BorderBrushProperty));

fef.SetValue(BorderThicknessProperty, new TemplateBindingExtension(BorderThicknessProperty));

fef.SetValue(Border.PaddingProperty, new TemplateBindingExtension(MenuItemWrapper.PaddingProperty));

fef.SetValue(SnapsToDevicePixelsProperty, true);

FrameworkElementFactory fefCP = new FrameworkElementFactory(typeof(ContentPresenter));

fefCP.SetValue(SnapsToDevicePixelsProperty, new TemplateBindingExtension(SnapsToDevicePixelsProperty));

fef.AppendChild(fefCP);

ct.VisualTree = fef;

MenuItemWrapper.TemplateProperty.OverrideMetadata(typeof(MenuItemWrapper), new FrameworkPropertyMetadata(ct));

}

#endregion //Constructor

#region IRibbonTool Members

RibbonToolProxy IRibbonTool.ToolProxy

{

get { return MenuItemWrapperProxy.Instance; }

}

#endregion //IRibbonTool Members

#region MenuItemWrapperProxy

protected class MenuItemWrapperProxy : RibbonToolProxy<MenuItemWrapper>

{

internal static readonly RibbonToolProxy Instance = new MenuItemWrapperProxy();

protected override ToolMenuItemDisplayMode GetMenuItemDisplayMode(MenuItemWrapper tool)

{

return ToolMenuItemDisplayMode.UseToolForEntireArea;

}

public override bool CanAddToQat

{

get

{

return false;

}

}

}

#endregion //MenuItemWrapperProxy

}

}

Jens23 said:
And it would be great if the usercontrol could be resizeable by the user without any addional coding or changing the UserControl itself.
Unfortunately this isn't supported currently. I'll submit a suggestion about adding this in a future version.

Jens23 said:
Furthermore we would like to know, when you will support the Scenic-Ribbon-style. Someone asked in July but there is still no reply from your end.
This appears to be essentially styling differences but I don't think MS has released any updates to the UI guidelines so I don't know when such a style would be available right now.
Cancel
Reply

Reject Answer

Cancel