Конфигурация шаблона отображения элемента

Расширенная настройка шаблона отображения элементов плитки.

Видимость заголовка плитки

Предоставляется возможность настроить видимость заголовка плитки.

Пример
Исходный код

Чтобы добавить заголовок для плитки, установите значение для опции hasTitle.

В следующем примере для плитки добавлен заголовок.

<!-- WML -->
<Controls.tile:View source="{{_viewSource}}" imageProperty="image">
   <ws:itemTemplate>
      <ws:partial template="Controls/tile:RichTemplate"
         hasTitle="{{true}}"/>
   </ws:itemTemplate>
</Controls.tile:View>

Количество строк в заголовке

Предоставляется возможность настроить количество строк в заголовке плитки.

Пример
Исходный код

Чтобы задать количество строк в заголовке плитки, установите значение для опции titleLines.

В следующем примере для плитки задан заголовок из двух строк.

<!-- WML -->
<Controls.tile:View source="{{_viewSource}}" imageProperty="image">
   <ws:itemTemplate>
      <ws:partial template="Controls/tile:RichTemplate"
         hasTitle="{{true}}"
         titleLines="{{2}}"/>
   </ws:itemTemplate>
</Controls.tile:View>

Тень плитки

Предоставляется возможность настроить отображение тени плитки.

Пример
Исходный код

Чтобы задать тень для плитки, установите значение для опции shadowVisibility. По умолчанию тень отображается.

В следующем примере плитка отображается с тенью.

<!-- WML -->
<Controls.tile:View source="{{_viewSource}}" imageProperty="image">
   <ws:itemTemplate>
      <ws:partial template="Controls/tile:SmallItemTemplate"
                  shadowVisibility="onhover"/>
   </ws:itemTemplate>
</Controls.tile:View>

Динамическое изменение высоты плитки

Предоставляется возможность настроить динамическое изменение высоты плитки.

Пример
Исходный код

Чтобы высота плитки не изменялась автоматически при статической ширине, необходимо установить значение для опции staticHeight.

В следующем примере высота плитки не изменяется.

<!-- WML -->
<Controls.tile:View source="{{_viewSource}}" imageProperty="image">
   <ws:itemTemplate>
      <ws:partial template="Controls/tile:SmallItemTemplate"
                  staticHeight="{{true}}"/>
   </ws:itemTemplate>
</Controls.tile:View>

Вид курсора мыши при наведении на строку

Предоставляется возможность настроить вид курсора мыши при наведении на строку.

Пример
Исходный код

Чтобы задать вид курсора мыши при наведении на строку, установите значение для опции cursor.

В следующем примере курсор отображается в виде лапки.

<!-- WML -->
<Controls.tile:View source="{{_viewSource}}" imageProperty="image">
   <ws:itemTemplate>
      <ws:partial template="Controls/tile:SmallItemTemplate"
         cursor="pointer"/>
   </ws:itemTemplate>
</Controls.tile:View>

См. также

Также, для шаблонов отображения элементов плитки можно настроить: