Skip to content

Commit

Permalink
chore: update visual previews
Browse files Browse the repository at this point in the history
  • Loading branch information
@kendo-bot @zhpenkov
kendo-bot authored and zhpenkov committed Nov 14, 2024
1 parent e728b14 commit 064c7bb
Show file tree
Hide file tree
Showing 6 changed files with 188 additions and 0 deletions.
Binary file added tests/_output/bootstrap/propertygrid/propertygrid.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added tests/_output/classic/propertygrid/propertygrid.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added tests/_output/default/propertygrid/propertygrid.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added tests/_output/fluent/propertygrid/propertygrid.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added tests/_output/material/propertygrid/propertygrid.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
188 changes: 188 additions & 0 deletions tests/propertygrid/propertygrid.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,188 @@
<!doctype html>
<html lang="en" class="k-no-animations" style="--kendo-scrollbar-width: 15px;">
<head>
<title>Document</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" data-role="kendo-theme" href="/packages/default/dist/all.css">
<link rel="stylesheet" data-role="kendo-theme-utils" href="/packages/utils/dist/all.css">
<link rel="stylesheet" href="/packages/html/assets/styles.css">
<script src="/packages/html/assets/scripts.js"></script>
</head>
<body id="app" class="k-body">
<style>
.k-pane:nth-child(1) {
text-align: center;
margin-top: 10%;
}

</style>
<div id="test-area" class="k-d-grid">
<div class="k-splitter k-splitter-horizontal k-splitter-flex">
<div class="k-pane k-pane-static k-scrollable" style="flex-basis: 215px;">
<button class="k-button k-button-md k-button-solid k-button-solid-base k-rounded-md">
<span class="k-button-icon k-icon k-svg-icon k-svg-i-star">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M256 391.5 117.2 480 154 314.1 32 202.4 192.9 188 256 32l63.1 156L480 202.4 358 314.1 394.8 480z"></path>
</svg>
</span>
<span class="k-button-text">Button</span>
</button>
</div>
<div class="k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal">
<div class="k-resize-handle"></div>
</div>
<div class="k-pane k-scrollable">
<div class="k-treelist k-property-grid k-grid k-grid-md" style="height: 450px;">
<div class="k-grid-toolbar k-toolbar k-toolbar-md k-toolbar-solid k-toolbar-resizable">
<span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
<span class="k-input-prefix k-input-prefix-horizontal">
<span class="k-icon k-svg-icon k-svg-i-search">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
</svg>
</span>
</span>
<span class="k-input-separator k-input-separator-vertical"></span>
<input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
</span>
<span class="k-toolbar-dropdownlist k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md">
<span class="k-input-inner">
<span class="k-input-value-text">Default Sort</span>
</span>
<button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
<span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M256 352 128 160h256z"></path>
</svg>
</span>
</button>
</span>
<button class="k-toolbar-button k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button">
<span class="k-button-icon k-icon k-svg-icon k-svg-i-categorize">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M32 32v192l160-96zm0 448V288l160 96zM192 64h288v32H192zm0 96h288v32H192zm0 160h288v32H192zm0 96h288v32H192z"></path>
</svg>
</span>
</button>
<button class="k-toolbar-button k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button">
<span class="k-button-icon k-icon k-svg-icon k-svg-i-info-circle">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M288 352h32v32H192v-32h32v-96h-32v-32h96zm0-224h-64v64h64zm192 128c0 123.7-100.3 224-224 224S32 379.7 32 256 132.3 32 256 32s224 100.3 224 224m-32 0c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192"></path>
</svg>
</span>
</button>
</div>
<div class="k-grid-container">
<div class="k-auto-scrollable k-grid-content">
<table class="k-grid-table k-table k-table-md">
<colgroup>
<col style="width: 200px;">
<col style="width: 250px;">
</colgroup>
<tbody class="k-table-tbody">
<tr class="k-table-row">
<td class="k-table-td">
<span class="k-treelist-toggle k-icon k-svg-icon">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
</span>size
</td>
<td class="k-table-td">
<b>medium</b>
</td>
</tr>
<tr class="k-alt k-table-row k-table-alt-row">
<td class="k-table-td">
<span class="k-treelist-toggle k-icon k-svg-icon">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
</span>themeColor
</td>
<td class="k-table-td">
<b>base</b>
</td>
</tr>
<tr class="k-table-row">
<td class="k-table-td">
<span class="k-treelist-toggle k-icon k-svg-icon">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
</span>fillMode
</td>
<td class="k-table-td">
<b>solid</b>
</td>
</tr>
<tr class="k-alt k-table-row k-table-alt-row">
<td class="k-table-td">
<span class="k-treelist-toggle k-icon k-svg-icon">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
</span>rounded
</td>
<td class="k-table-td">
<b>medium</b>
</td>
</tr>
<tr class="k-table-row">
<td class="k-table-td">
<span class="k-treelist-toggle k-icon k-svg-icon">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
</span>icon
</td>
<td class="k-table-td">
<span class="k-icon k-svg-icon k-svg-i-star">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M256 391.5 117.2 480 154 314.1 32 202.4 192.9 188 256 32l63.1 156L480 202.4 358 314.1 394.8 480z"></path>
</svg>
</span>
</td>
</tr>
<tr class="k-alt k-table-row k-table-alt-row">
<td class="k-table-td">
<span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M256 352 128 160h256z"></path>
</svg>
</span>font
</td>
<td class="k-table-td">Roboto 400</td>
</tr>
<tr class="k-table-row">
<td class="k-table-td">
<span class="k-treelist-toggle k-icon k-svg-icon">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
</span>
<span class="k-treelist-toggle k-icon k-svg-icon">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
</span>font-weight
</td>
<td class="k-table-td">
<b>400</b>
</td>
</tr>
<tr class="k-alt k-table-row k-table-alt-row">
<td class="k-table-td">
<span class="k-treelist-toggle k-icon k-svg-icon">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
</span>
<span class="k-treelist-toggle k-icon k-svg-icon">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
</span>font-family
</td>
<td class="k-table-td">
<b>Roboto</b>
</td>
</tr>
<tr class="k-hidden k-bottom k-sticky k-footer-template k-table-row">
<td colspan="2" class="k-table-td">
<span>&nbsp;</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

0 comments on commit 064c7bb

Please sign in to comment.