Skip to content

Commit f252b68

Browse files
kendo-botJuveniel
kendo-bot
authored and
Juveniel
committed
chore: update visual previews
1 parent 89f5b41 commit f252b68

File tree

7 files changed

+104
-0
lines changed

7 files changed

+104
-0
lines changed

‎tests/_output/bootstrap/radio/radio-label-position.png

13 KB
Loading

‎tests/_output/classic/radio/radio-label-position.png

5.96 KB
Loading

‎tests/_output/default/radio/radio-label-position.png

5.85 KB
Loading

‎tests/_output/fluent/radio/radio-label-position.png

7.14 KB
Loading

‎tests/_output/material/radio/radio-label-position.png

6.25 KB
Loading

‎tests/_output/nouvelle/radio/radio-label-position.png

6.79 KB
Loading

‎tests/radio/radio-label-position.html

+104
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,104 @@
1+
<!doctype html>
2+
<html lang="en" class="k-no-animations" style="--kendo-scrollbar-width: 15px;">
3+
<head>
4+
<title>Document</title>
5+
<meta charset="utf-8">
6+
<link rel="stylesheet" data-role="kendo-theme" href="/packages/default/dist/all.css">
7+
<link rel="stylesheet" href="/packages/html/assets/styles.css">
8+
<script src="/packages/html/assets/scripts.js"></script>
9+
</head>
10+
<body id="app" class="k-body">
11+
<style>
12+
#test-area {
13+
grid-template-columns: repeat(2, 1fr);
14+
}
15+
16+
</style>
17+
<div id="test-area" class="k-d-grid">
18+
<span>With Label Before - vertical</span>
19+
<span>With Label After - vertical</span>
20+
<ul class="k-radio-list k-list-vertical">
21+
<li class="k-radio-list-item">
22+
<span class="k-radio-wrap">
23+
<input name="vertical-after" id="vertical-after-one" type="radio" class="k-radio k-radio-md">
24+
</span>
25+
<label class="k-radio-label" for="vertical-after-one">First</label>
26+
</li>
27+
<li class="k-radio-list-item">
28+
<span class="k-radio-wrap">
29+
<input name="vertical-after" id="vertical-after-two" type="radio" class="k-radio k-radio-md">
30+
</span>
31+
<label class="k-radio-label" for="vertical-after-two">Second</label>
32+
</li>
33+
<li class="k-radio-list-item">
34+
<span class="k-radio-wrap">
35+
<input name="vertical-after" id="vertical-after-thee" type="radio" class="k-radio k-radio-md">
36+
</span>
37+
<label class="k-radio-label" for="vertical-after-thee">Third</label>
38+
</li>
39+
</ul>
40+
<ul class="k-radio-list k-list-vertical">
41+
<li class="k-radio-list-item">
42+
<label class="k-radio-label" for="vertical-before-one">First</label>
43+
<span class="k-radio-wrap">
44+
<input name="vertical-before" id="vertical-before-one" type="radio" class="k-radio k-radio-md">
45+
</span>
46+
</li>
47+
<li class="k-radio-list-item">
48+
<label class="k-radio-label" for="vertical-before-two">Second</label>
49+
<span class="k-radio-wrap">
50+
<input name="vertical-before" id="vertical-before-two" type="radio" class="k-radio k-radio-md">
51+
</span>
52+
</li>
53+
<li class="k-radio-list-item">
54+
<label class="k-radio-label" for="vertical-before-thee">Third</label>
55+
<span class="k-radio-wrap">
56+
<input name="vertical-before" id="vertical-before-thee" type="radio" class="k-radio k-radio-md">
57+
</span>
58+
</li>
59+
</ul>
60+
<span>With Label Before - horizontal</span>
61+
<span>With Label After - horizontal</span>
62+
<ul class="k-radio-list k-list-horizontal">
63+
<li class="k-radio-list-item">
64+
<span class="k-radio-wrap">
65+
<input name="horizontal-after" id="horizontal-after-one" type="radio" class="k-radio k-radio-md">
66+
</span>
67+
<label class="k-radio-label" for="horizontal-after-one">First</label>
68+
</li>
69+
<li class="k-radio-list-item">
70+
<span class="k-radio-wrap">
71+
<input name="horizontal-after" id="horizontal-after-two" type="radio" class="k-radio k-radio-md">
72+
</span>
73+
<label class="k-radio-label" for="horizontal-after-two">Second</label>
74+
</li>
75+
<li class="k-radio-list-item">
76+
<span class="k-radio-wrap">
77+
<input name="horizontal-after" id="horizontal-after-three" type="radio" class="k-radio k-radio-md">
78+
</span>
79+
<label class="k-radio-label" for="horizontal-after-three">Third</label>
80+
</li>
81+
</ul>
82+
<ul class="k-radio-list k-list-horizontal">
83+
<li class="k-radio-list-item">
84+
<label class="k-radio-label" for="horizontal-before-one">First</label>
85+
<span class="k-radio-wrap">
86+
<input name="horizontal-before" id="horizontal-before-one" type="radio" class="k-radio k-radio-md">
87+
</span>
88+
</li>
89+
<li class="k-radio-list-item">
90+
<label class="k-radio-label" for="horizontal-before-two">Second</label>
91+
<span class="k-radio-wrap">
92+
<input name="horizontal-before" id="horizontal-before-two" type="radio" class="k-radio k-radio-md">
93+
</span>
94+
</li>
95+
<li class="k-radio-list-item">
96+
<label class="k-radio-label" for="horizontal-before-three">Third</label>
97+
<span class="k-radio-wrap">
98+
<input name="horizontal-before" id="horizontal-before-three" type="radio" class="k-radio k-radio-md">
99+
</span>
100+
</li>
101+
</ul>
102+
</div>
103+
</body>
104+
</html>

0 commit comments

Comments
 (0)