Skip to content

Commit 16d16b3

Browse files
erikruthdanail-vasilev
authored andcommitted
Update layout.md
Minor edits. One comment that explains why I moved the figures.
1 parent a50efac commit 16d16b3

File tree

1 file changed

+13
-12
lines changed
  • controls/radiobuttonlist/functionality

1 file changed

+13
-12
lines changed

controls/radiobuttonlist/functionality/layout.md

Lines changed: 13 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -23,10 +23,7 @@ This help article showcases how to configure the layout of the **RadRadioButtonL
2323
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.
2424

2525
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.
28-
29-
![radiobuttonlist-layout](images/radiobuttonlist-layout.png)
26+
<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.>
3027

3128
>caption Example 1: Configure the Layout of RadRadioButtonList.
3229
@@ -71,13 +68,13 @@ Protected Sub Page_Init(sender As Object, e As EventArgs)
7168
End Sub
7269
````
7370

74-
## Columns
71+
>caption Figure 1: Compare different layouts of RadRadioButtonList.
7572
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**.
73+
![radiobuttonlist-layout](images/radiobuttonlist-layout.png)
7774

78-
>caption Figure 2: Display radio buttons in two columns.
75+
## Columns
7976

80-
![radiobuttonlist-layout-columns](images/radiobuttonlist-layout-columns.png)
77+
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**.
8178

8279
>caption Example 2: The code that shows how to display radio buttons in two columns.
8380
@@ -111,13 +108,13 @@ Protected Sub Page_Init(sender As Object, e As EventArgs)
111108
End Sub
112109
````
113110

114-
## Direction
111+
>caption Figure 2: Display radio buttons in two columns.
115112
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**).
113+
![radiobuttonlist-layout-columns](images/radiobuttonlist-layout-columns.png)
117114

118-
>caption Figure 3: Display radio buttons in different direction within the columns.
115+
## Direction
119116

120-
![radiobuttonlist-layout-direction](images/radiobuttonlist-layout-direction.png)
117+
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**).
121118

122119
>caption Example 2: Configure horizontal and vertical direction for radio buttons.
123120
@@ -157,6 +154,10 @@ Protected Sub Page_Init(sender As Object, e As EventArgs)
157154
End Sub
158155
````
159156

157+
>caption Figure 3: Display radio buttons in different direction within the columns.
158+
159+
![radiobuttonlist-layout-direction](images/radiobuttonlist-layout-direction.png)
160+
160161
## See Also
161162

162163
* [Getting Started]({%slug radiobuttonlist/getting-started%})

0 commit comments

Comments
 (0)