TileView Control and Interactivity Assembly

[Yu]

Hi,

I am trying to use TileView control in a project with similar behaviour demonstrated by the example from

Drive Letter:\Syncfusion\10.3.0.43\WPF\Tools.WPF\Samples\3.5\WindowsSamples\Tile View\Data Binding Demo\CS

after install "Tools WPF Samples".

The sample is using .Net 4.0 with System.Windows.Interactivity 4.0 assembly but I can only use .Net 3.5 and System.Windows.Interactivity 3.5. So that the TileLoadedAction won't compile as its invoke method is using TargetObject from TargetedTriggerAction which System.Windows.Interactivity 3.5 does not have.

Would it be possible to provide an example works with 3.5 .net and interactivity assembly?

Thanks

Yu

[Mariappan S]

Hi Yu,

 

Thank you for contacting Syncfusion support.

 

We have attached the sample with System.Windows.Interactivity 3.5 dll as per your update.

 

Please download the sample from the following attachment.

 

Please let us know if the sample helps.

 

Regards,

Mariappan S.

Attachment: Data_Binding_Demo_125b9f99.zip

[Yu]

 

Thanks for reply.

 

The project in the download seems to be in .net framework 4.5.1.

 

Is possible to have a sample with .net framework 3.5 and interactiveity assembly 3.5.

 

I only have .Net 3.5 on development machines.

[Mariappan S]

Hi Yu,

 

Thank you for your update.

 

We have attached the sample with .Net framework 3.5 and System.Windows.Interactivity 3.5 dll as per your update.

 

Please download the sample from the following attachment.

 

Please let us know if the sample helps.

 

Regards,

Mariappan S.

 

 

Attachment: Data_Binding_UpdateDemo_70ff4858.zip

[Yu]

Thanks for the help and fast response. I can now run the examples successfully on the dev machine.

 

A couple of questions regarding the possibility of changing the example.

 

We are trying to build a dashboard application with multiple charts and tables displayed on the screen in Tile format. TileView control is a good candidate for it.

 

1.      The example is using Images when displayed in 3X3 Tile View. Can they be changed to display charts or tables directly?  So the users will see the smaller charts first in TileView, and can also maximize the individual tile to see bigger version. All the charts are using data binding to see real time data update in both small and big version.

 

2.      Can the layout be changed dynamically during run time? E.g. users can add more charts or tables to screen during runtime. When a table is added, we would like the table to use the space of 3 tiles in a row.

 

Thanks

 

Yu

[Yu]

Adding one more question.

3. Can the Tile be removed from TileView after added during runtime?

[Mariappan S]

Hi Yu,

 

Thank you for your update.

 

We have prepared a sample which tries to meet your requirement. In this sample We have used MaximizedItemTemplate and MinimizedItemTemplate to achieve your requirement and also we have use the collection to add or remove the TileViewItem. 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: TileViewItemSample_74449c06.zip

[Yu]

Thanks for the quick reply. The example helps a lot for understanding how the TileView control works.

 

Is it possible to add a X button next to each maximum button on each Tile so that users can click the X button to remove it directly?

 

Does the layout of the Tile Control has to have same number of Tiles on each row?

If we know the initial size or type of the Tile we are going to add during runtime, Is it possible to have 3 Tiles on first row for small tiles, then one big tile on second row, and may be 2 medium sized Tiles on the third row each occupy 50% of the space?  

 

[Mariappan S]

Hi Yu,

 

Thanks you for your update.

 

Query#1:Is it possible to add a X button next to each maximum button on each Tile so that users can click the X button to remove it directly?

 

We have created a sample with property 'CloseButtonVisibility' to TileViewItem. This will display close button to each item.

 

Query#2:Does the layout of the Tile Control has to have same number of Tiles on each row?

 

We have used 'ColumnCount' and 'RowCount' which display the items in the given number in each row and columns.

 

Query#3:If we know the initial size or type of the Tile we are going to add during runtime, Is it possible to have 3 Tiles on first row for small tiles, then one big

tile on second row, and may be 2 medium sized Tiles on the third row each occupy 50% of the space?

 

In our current implementation we are unable to set different height for the each TileViewItem. But we can provide row height and column width for

the control using property 'RowHeight' and 'ColumnWidth'

 

We have attached the sample using the above properties. Please download the sample from the following attachment.

 

Please let us know if the sample helps.

 

Regards,

Mariappan S.

Attachment: TileViewItemSample_6c4edf10.zip

[Yu]

Thanks for the help.

 

I haveing the exception when trying to compile the project

 

Error 1 The property 'RowHeight' does not exist in XML namespace 'clr-namespace:Syncfusion.Windows.Shared;assembly=Syncfusion.Shared.Wpf'. Line 38 Position 69. C:\Users\gengyu\Desktop\TileViewItemSample\TileViewItemSample\MainWindow.xaml 38 69 TileViewItemSample

Does Syncfusion.Shared.Wpf' version 10.3.0.43 have the RowHeight and Column Width property?

[Mariappan S]

Hi Yu,

 

Thank you for your update

 

In earlier version (10.3.0.43) don't have a Row Height and Column Width feature, And this feature available from 11.4.0.26 version.

 

We have attached the modified sample, In this sample we have remove the Row Height and Column Width property. We would recommend you to migrate to (11.4.0.26) version in order to use this feature..

 

Please download the sample from the following attachment.

 

Please let us know if the sample helps.

 

Regards,

Mariappan S.

Attachment: TileViewItemSample_ef5d79d.zip