Карточка
Карточка
Позволяет выводить справочную информацию из набора данных в зависимости от выбранного значения
Компонент «Карточка» предназначен для визуализации отдельных значений из датасета, в основном для предоставления справочной информации. Может отображать карточку сотрудника, компании, товара. Появляется на листе при выборе в фильтре связанных значений.
Как работает HTML-редактор в Polymatica Dashboards можно посмотреть в коротком видео
Пример кода HTML-кода виджета «Карточка»
<style>
.grid {
display: grid;
grid-template-columns: 60% 35%;
grid-column-gap: 10px;
grid-row-gap: 30px;
margin-left: 30px;
}
.label {
display: block;
margin-bottom: 5px;
margin-top: 15px;
color: #777;
font-size: 16px;
text-transform: uppercase;
}
.value {
display: block;
font-size: 15px;
font-weight: bold;
margin-top: 15px;
}
</style>
{% if data.rows.length == 1 %}
<div class=”grid”>
{% for column in data.columns %}
<div>
<span class=”label”>{{ column.column.name }}</span>
<span class=”value”>{{ data.rows[0][column.key] }}</span>
</div>
{% endfor %}
</div>
{% endif %}
В случае вопросов пишите на support@polymatica.com
