How to create a sliding side border WPF? - wpf

So, if you have seen the Windows 11 Store UI. I want to replicate the border or the sliding bar on the side where every time you click a button the border or sliding bar would go to that button and center it self in the middle.

Create a custom template for the button that has an ItemControl of a single border on the left along with the button content, and when it is selected and animate it.

Related

Is it possible to click drag a button image in WPF?

I have a Toolbar with buttons that have images just above their text. I want users to click the button and then drag. That should drag the image as long as the mouse button is held down. This should also work for touch screens (fingers).
I've been trying to use the code from this answer Mouse click and drag Event WPF. But it doesn't seem to do anything. I end up dragging the entire form.
Any suggestions on how I can start this or if it is even possible?

Telerik RadDock on left side of main form in Winform application

I have a WinForm application that I would like to add a RadDoc like a popup menu on the left inside form main.
The user should be able to hover to the left side of the screen or click some tab on the left side of the screen and then the menu bar will appear.
The RadDock control itself does not have a auto hide.
I can hide the ToolWindow inside the RadDock but this leaves a blue background where the ToolWindow would show.
Also, when the ToolWindows are "AutoHide" they are tabbed at the bottom but they need to be tabbed vertically on the left.
The last thing is that I can't seem to set the "popup" size of the ToolWindows.
I would suggest that you go through the RadDock documentation.
Auto Hide article: http://www.telerik.com/help/winforms/dock-architecture-and-features-auto-hiding-windows.html
Arranging windows: http://www.telerik.com/help/winforms/dock-architecture-and-features-arranging-dockwindows.html
Modifying windows size: http://www.telerik.com/help/winforms/dock-object-model-example-building-an-advanced-layout-at-runtime.html
To make the whole control collapsible, you can use the RadCollapsiblePanel control: link.

extjs 4 scroilling WITHOUT a scrollbar

I have this narrow panel which is basically a list of thumbnails, and i need to be able to scroll over them using buttons.
We have a panel (anchor layout), with containers in it, and each container contains the image.
there isn't space for a scrollbar, and anyway we don't want one.
I thought it would be as easy as in the listener for my button calling panel.getEL().scroll('b',20)
but this isn't working because the scrollHeight === ClientHeight so scroll does nothing.
Is there a technique I am missing or should this work?
So you're using a button to scroll through the images? What about having the button's listener remove/hide the containers/images at the front of the panel to allow the others to use the space?

Reset the scrollviewer to its initial position with Silverlight

I have a Silverlight application, containing a scrollviewer in a grid layout.
When I move the scroller down and close this grid with the close button, the scroller remains at the bottom whenever I reopen the grid.
Is there a way I can reset the scroller to the top position?
Hello supriya khamesra,
Please Try this.
Please Put your grid inside scroll viewer and then write your bellow code after grid selection change.
grdDetail.ScrollToVerticalOffset(0d);
OR
grdDetail.ScrollToTop();

WPF ContextMenu / MenuItem - Hide vertical Separator

I have a context menu and inside are two menu items. To remove the check mark and icon for the menu items i've created a style which is working great. However i've noticed that in the background there is a vertical separator which i can't get rid of using style for context menu. Any help?

Resources