MahApps Flyout Closebutton still showing after collapsing it - wpf

After creating a flyout, and setting CloseButtonVisibility="Collapsed"I set the background color for the grid to aqua... showing that the close button margin is still there.
This is how I create the flyout..
<Controls:Flyout Name="PingFlyout"
IsModal="True"
CloseButtonVisibility="Collapsed"
Theme="Light"
Position="Top"
Margin="250,100,250,100"
AnimateOpacity="True"
AnimateOnPositionChange="True"
/>
Am I missing something? How do I get rid of the close button area completely and have my flyout actually center?

TitleVisibility="Collapsed" in addition to CloseButtonVisibility="Collapsed"hid the margin.

Related

Office UI Fabric React - Show tooltip when form input is focused?

This is what I currently have:
<TooltipHost
content="Enter claim name in a way to be understandable for all parties."
directionalHint={DirectionalHint.rightCenter}
calloutProps={{ calloutMaxWidth: 100}}
>
<TextField />
</TooltipHost>
The tooltip is shown on hover. I want it to be exclusively shown on focus.
Is there a way to do it without controlling it with state?
The host automatically adds it to hover and focus. If you want focus only you'd need to use the Tooltip control itself and manually show it on focus.

How to hide icon from WPF window (Helix)

I'm using HelixToolkit to show some 3-D models. There is an icon in the right bottom of the window. How can it be hidden? Please look at this screenshot:
You only have to set the HelixViewport3D's ShowViewCube property to false:
<h:HelixViewport3D ShowViewCube="False">
...
<h:HelixViewport3D>

Extjs Clickable tooltip

I have a situation where I roll over a row in a grid, I want to display a menu. I put the menu in a tooltip. But can't click on a menu unless I make the tooltip closable. If I make the tooltip closable, I can't provide the use the autohide functionality and I have to click to close the tooltip. Is there any way to mouseover rows in a grid, show a tooltip that includes clickable items and then have the tooltip goaway when you scroll off of it?
you may need extend your own component from tooltip.

MouseDown doesnt work in Grid (only on buttons which in grids)

I have problem with MouseDown event. My app looks like that, I have grid in which im adding buttons in code behind
<Grid Grid.Column="1" Name="gridWithButtons" MouseDown="normalModeButtonsWP_MouseDown" >
<WrapPanel Name="normalModeButtonsWP" MouseDown="normalModeButtonsWP_MouseDown" ></WrapPanel>
</Grid>
But when im pressing mouse button in grid/wrappanel ( i mean in empty space between buttons for example) it doesnt work. Works only when im pressing button which is in wrap/grid. Anyone know how to handle it?
Setting IsHitTestVisible alone will not make it work.
Elements are not clickable if Background is set to None. To make it clickable (applies to grid, stackpanel, etc) set the Background to #00000000. This is a feature by design to prevent users clicking on ghost buttons. However, assigning it a color will make it clickable.
Try setting IsHitTestVisible = true on your grid

WPF Radio button does not show in toolbar

Is there any way to force a radio button or check box to show properly in a toolbar? The circle/check box always disappears once its placed inside a toolbar.
By default, WPF overrides RadioButtons to make them look like toggle buttons. To eliminate this, place a panel inside the ToolBar and then put your RadioButton(s) in there.
<ToolBar>
<StackPanel>
<RadioButton Content="Radio Button" />
</StackPanel>
</ToolBar>

Resources