You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: controls/radiobuttonlist/functionality/layout.md
+13-12Lines changed: 13 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -23,10 +23,7 @@ This help article showcases how to configure the layout of the **RadRadioButtonL
23
23
You can control whether the radio buttons will be rendered inside ul or li elements or without any elements. This behavior is controlled via the `Layout` property that takes `Flow` (default value), `OrderedList` and `UnorderedList` values.
24
24
25
25
You can see the output of **Example 1** that shows different layouts of the control in **Figure 1**.
26
-
27
-
>caption Figure 1: Compare different layouts of RadRadioButtonList.
<Comment: In all three examples in this article, you named the example and then the figure, and I think that is the order in which the customer would expect to see them in the article, so I moved all three figures after their respective examples to match the order you present them in the body text.>
30
27
31
28
>caption Example 1: Configure the Layout of RadRadioButtonList.
32
29
@@ -71,13 +68,13 @@ Protected Sub Page_Init(sender As Object, e As EventArgs)
71
68
EndSub
72
69
````
73
70
74
-
## Columns
71
+
>caption Figure 1: Compare different layouts of RadRadioButtonList.
75
72
76
-
Radio buttons inside the RadRadioButtonList are rendered inside a single column by default. You can control, however, this behavior through the `Columns` property. A sample is shown in **Example 2** and the output is available in **Figure 2**.
Radio buttons inside the __RadRadioButtonList__ are rendered inside a single column by default. You can change this behavior using the `Columns` property. You can see a sample in **Example 2** and the output in **Figure 2**.
81
78
82
79
>caption Example 2: The code that shows how to display radio buttons in two columns.
83
80
@@ -111,13 +108,13 @@ Protected Sub Page_Init(sender As Object, e As EventArgs)
111
108
EndSub
112
109
````
113
110
114
-
## Direction
111
+
>caption Figure 2: Display radio buttons in two columns.
115
112
116
-
You can control the direction in which radio buttons are displayed within the groups via the `Direction` property (the output of **Example 3** is shown in **Figure 3**).
You can control the direction in which radio buttons are displayed within the groups via the `Direction` property (the output of **Example 3** is shown in **Figure 3**).
121
118
122
119
>caption Example 2: Configure horizontal and vertical direction for radio buttons.
123
120
@@ -157,6 +154,10 @@ Protected Sub Page_Init(sender As Object, e As EventArgs)
157
154
EndSub
158
155
````
159
156
157
+
>caption Figure 3: Display radio buttons in different direction within the columns.
0 commit comments