I am working on a component that guides the user through a series of steps in a workflow. If you refer to AllMinimized.PNG you can see how it currently looks when no TileViewItem is in the maximized state. Expanding the first item entitled "Strategy Selection" will result in the layout shown in TileSelected.PNG. All minimized tiles have shifted over one space to the left to take up the space left behind by expanding "Strategy Selection".
Instead of having the tiles slide over, I would prefer to insert a new tile at the same location of the one that is currently open that says "You are Here" to indicate to the user where they are relative to the established workflow as they should be completed one at a time. I have two classes that represent RadTileViewItems that should be used as these placeholder tiles and ones that represent the actual content, however I'm having trouble setting up an appropriate Style Selector or Data Template Selector that can appropriately render the right appearance. I want the Placeholder items to remove the ability for the user to expand or select them in any way as they are visually there only to remind the user where they are in the workflow. I looked at this forum post which is accomplishing something similar: http://www.telerik.com/forums/604424-radtileviewitem-style but styles are hard coded as opposed to utilizing some kind of style/template selector so that I can switch based on the underlying data context.
Instead of having the tiles slide over, I would prefer to insert a new tile at the same location of the one that is currently open that says "You are Here" to indicate to the user where they are relative to the established workflow as they should be completed one at a time. I have two classes that represent RadTileViewItems that should be used as these placeholder tiles and ones that represent the actual content, however I'm having trouble setting up an appropriate Style Selector or Data Template Selector that can appropriately render the right appearance. I want the Placeholder items to remove the ability for the user to expand or select them in any way as they are visually there only to remind the user where they are in the workflow. I looked at this forum post which is accomplishing something similar: http://www.telerik.com/forums/604424-radtileviewitem-style but styles are hard coded as opposed to utilizing some kind of style/template selector so that I can switch based on the underlying data context.
2 Answers, 1 is accepted
0
Hi Jesse,
In order to apply different styles for the different type of RadTileViewItems you can use the ItemContainerStyleSelector property of the RadTileView and implement custom style selector. Then you can define Styles for your items and depend on their type you can select the templates.
For your convenience I prepared a sample project that demonstrate such approach. Please give it a try and let me know if it helps.
Regards,
Martin
Telerik
In order to apply different styles for the different type of RadTileViewItems you can use the ItemContainerStyleSelector property of the RadTileView and implement custom style selector. Then you can define Styles for your items and depend on their type you can select the templates.
For your convenience I prepared a sample project that demonstrate such approach. Please give it a try and let me know if it helps.
Regards,
Martin
Telerik
Check out Telerik Analytics, the service which allows developers to discover app usage patterns, analyze user data, log exceptions, solve problems and profile application performance at run time. Watch the videos and start improving your app based on facts, not hunches.
0
Jesse
Top achievements
Rank 1
Rank 1
answered on 23 Jul 2014, 05:41 PM
Hi Martin. Thank you so much! This is exactly what I was looking for. Telerik customer service seriously is the best.