TileView Control Styles

[Yu]

Hi,

We are planning to use TileView control in an application with Office2010 Blue style as the main theme.

The version we use is 10.3.0.43.

Is it possible to modify the style so that

1. There are some space among the tile items like how the tiles are allocated with Transparent style.

2. Enable the Close Button

3. Make the Title bar fade in to appear only when the mouse is over the tile item, users can then click the maximize or close button

4. When the mouse is over the tile item, the cursor can change to hand shape, the tile item can be highlighted, and the tile item can be maximized by clicking on it without clicking the maximize button

Thanks

Yu

[Yu]

The TileViewItems are going to be populated through data binding at runtime. The Office2010 style at the TileView control level seems to be disabled when ItemConainerStyle is used.

[Mariappan S]

Hi Yu,

 

Thank you for contacting Syncfusion support.

 

Query#1,#2 and #3:

 

We have modified the sample that tries to meet your requirement. In this we have edit Office2010 theme to achieve the above requirements.

 

Query#4. When the mouse is over the tile item, the cursor can change to hand shape, the tile item can be highlighted, and the tile item can be maximized by clicking on it without clicking the maximize button.

 

We have changed the TileViewItem State When MouseDown on the TileViewItem by applying the behavior to TileViewItem.

 

Query#5. The TileViewItems are going to be populated through data binding at runtime. The Office2010 style at the TileView control level seems to be disabled when ItemContainerStyle is used.

 

We have edit the ItemContainer style of TileView item based on Office2010Blue theme. We have attached the sample using the above properties and styles. Please download the sample from the following attachment.

 

Please let us know if the sample helps.

 

Regards,

Mariappan S.

Attachment: TileViewControlSample_1c373c4d.zip

[Yu]

Thank you so much. The example is great.

[Yu]

Trying to followoing the documentation here to set the minimum width to enable the scrobll bar when items are minimized to the right in the examples provided. Not really sure how to do it  when the tile items are provided by data binding.

http://help.syncfusion.com/ug/wpf/tools/default.htm#!documents/scrollbarsupport2.htm

 

Is it possible to have a example for that?

 

The default behaviour seems to fit all of the tile items into one screen.

 

Thanks

 

Yu

[Mariappan S]

Hi Yu,

 

Thank you for your update.

 

We have modified the sample which tries to meet your requirement. In this sample We have set MinimumHeight of TileViewItem and VerticalScrollBarVisibilty of TileViewControl to enable the scroll bar when items are minimized to the right. If your requirement differs from this sample please give more information about your requirement.

 

Please download the sample from the following attachment.

 

Please let us know if the sample helps.

 

Regards,

Mariappan S.

Attachment: TileViewControlSampleupdate_ca44aae0.zip

[Yu]

Thanks for the example.

I tried it but it does not seem to work. The tile items are still being minimized to fit the screen so that there is no vertical scroll bar is displayed.

 

Also, is it possible to display scroll bar when tile items are in normal mode so that we can set the maximum number of tile items displayed on screen? or does TileView control always try to display all the tile items on the screeen by reducing the tile item size in natural mode?

 

Thanks

 

Yu

[Mariappan S]

Hi Yu,

 

Thank you for your update.

 

We have fixed the vertical scroll viewer issue in our latest version and also we have introduced two new properties 'RowHeight' and 'ColumnWidth' to display the TileViewItem with particular height and width in Normal state. It will display the scroll viewer when it is in Normal state. So we request you to upgrade to our latest version.

 

Please let us know if you need further assistance.

 

Regards,

Mariappan S.

[Yu]

Thanks for reply.

 

Does version 10.3.0.43 not support the vertical bar at all? Any workaround we could use?

[Mariappan S]

Hi Yu,

 

Thank you for your update.

 

We have fixed this issue in our latest version 12.1.0.43. We recommend you to upgrade the version in order to get the fix.

 

Regards,

Mariappan S.