How to use VisualState AdaptiveTrigger to change ListView Item FontSize

Question

I am using Visual State Adaptive Trigger to change page appearance depending on effective screen resolution. This works great, but I cannot get it to work for ListView Items

Answer 1

We can't use AdaptiveTrigger for an element inside the DataTemplate. You should use UserControl to do it. This answer may help you. If you want a video tutorial then this video may help you. But I have a little workaround for it.

Here is my method:

1. Create a TextBlock outside the DataTemplateand set Visibility="Collapsed"

   Note: You could also use BindableValueHolder instead of this and set the Value property of it using AdaptiveTrigger.

2. Use AdaptiveTrigger to change the FontSize of this TextBlock

3. DataBind the FontSize of the TextBlock inside the DataTemplate to the outer TextBlock

Here is your code: