I want to template RadTileViewItem and I need to keep highlight when I swap items.
But When I do a simple template copy with Blend and apply this style to RadTileViewItem, the hightlight disappear when I swap items...
Where is the Storyboard that manage it ? on which component ?
How can I solve my problem ?
8 Answers, 1 is accepted
Generally you may try to modify the template of RadTileViewItem and manipulate the element MouseOverBorder. Within MouseOverDragging state its Visibility is set To Visible:
You may modify this element in the way you need.
Will you please share with us what have you changed in the template of RadTileViewItem so the highlight disappears?
the Telerik team
Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.
There isn't a VisualStateGroup "MouseOverDraggingStates " and no component "MouseOverBorder".
I added this state and a border with "MouseOverBorder" name and it's work.
I also want to make border of RadTileViewItem visible onmouseover,if anyone know how to achieve this please share.
Can I consider you previous question answered? Let me know if you need any further assistance with it.
As for your last question I'm not sure I understand what exactly is your requirement. Could you please send a sample image of your expectation and we'll guide you further.
Thanks for the response.Basically what we are trying to achieve is on mouse over show or hide the border of the RadTileViewItem.
Currently we achieved it using styles,means created two different styles and on radtileview.mouseenter event we are assigning style1 and on radtileview.moseleave event we are assigning style2.
Also we are creating radtileviewitems dynamically and not on using XAML.
There is no mouseover event available for radtileviewitem.Is it possible to achieve this behaviour using pure styles only or any other suggestions,please share.
Unfortunately you'll not be able to achieve this with just adding XAML in MouseOver visual state of the RadTileViewItem's as none of our themes have MouseOver visual behaviour by default. One possible way to achieve this is the one you already have implemented with wireing to MouseEnter, MouseLeave events and applying different styles. Another one that I believe is more suitable for your scenario is presented below:
We'll modify the default RadTileViewItem Style so that we add custom Border that will be shown over corresponding item on MouseOver. The Border's Visibility is controlled by two attached boolean properties and boolean to visibility converter. One of the properties is turned on by default and wires the TileViewItem to MouseEnter, MouseLeave events. On MouseEnter the other DependencyProperty becames true and on MouseLeave it is false. Here the boolean to visibility converter comes handy. Please find attached the full source code for the suggested approach. Feel free to modify the code per your own scenario needs.
Actually yes the approach of style loading works fine for us.Means we are loading Styles dynamically on different events.
One more question i got ,Is there any way to change ScrollBar width for Windows8Theme.I am not able to get it.I am using the Theme project and trying to look for ScrollBar styles,but there is no way to set it globally.So is there any option you can suggest.
Actually we want have the ScrollBar width of Window8 style theme more,currently it looks really thin.
If possible please suggest.
I suggest you use Implicit Styles to achieve the described approach. This is the most efficient way of
customizing the Telerik themes. The xaml file of desired theme can be found inside Theme.Implicit subfolder of your local RadControls installation folder.
In order to change the size of Width or Height of the ScrollViewer you have to edit the template of the control. Here's a sample:
Let me know if you need any further assistance with this.