Skip to content

Commit 6c3508e

Browse files
Update overview.md (#142)
Copy edits only. No comments to address.
1 parent 55bcc7c commit 6c3508e

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

controls/rotator/getting-started/overview.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -20,20 +20,20 @@ This help article illustrates how to configure a RadRotator control.
2020

2121
To configure a rotator control you can follow the steps below:
2222

23-
* Add the control on the page. You can simply drag and drop it from the Visual Studio's Toolbox. Please note that it requires an asp:ScriptManager to be declared on the page as well
23+
* Add the control on the page. You can simply drag and drop it from the Visual Studio Toolbox. Please note that it requires an asp:ScriptManager to be declared on the page as well.
2424

25-
* Add a data source control and set the RadRotator's DataSourceID property to its ID
25+
* Add a data source control and set the RadRotator's DataSourceID property to its ID.
2626

27-
* Declare the ItemTemplate's content
27+
* Declare the ItemTemplate's content.
2828

29-
* It is recommended, if multiple elements are declared inside the rotator's ItemTemplate, to add a div that wraps the content in the ItemTemplate and set a class to that div. The *width* and *height* CSS properties applied through this class should be synchronized with the values set to the RadRotator's `ItemWidth` and `ItemHeight` properties. The margin and padding of the elements declared inside the `ItemTemplate` should be taken into account as well.
29+
* It is recommended that if you want to declare multiple elements inside the rotator's ItemTemplate, you should add a div that wraps the content in the ItemTemplate and set a class to that div. The *width* and *height* CSS properties applied through this class should be synchronized with the values set to the RadRotator's `ItemWidth` and `ItemHeight` properties. The margin and padding of the elements declared inside the `ItemTemplate` should be taken into account as well.
3030

31-
* Set the [Width, ItemWidth, Height and ItemHeight]({%slug rotator/server-side-programming/overview%}) properties. You can refer to the next section ([RadRotator Dimensions Configuration](#radrotator-dimensions-configuration)) for details on the matter.
31+
* Set the [Width, ItemWidth, Height and ItemHeight]({%slug rotator/server-side-programming/overview%}) properties. You can refer to the next section, ([RadRotator Dimensions Configuration](#radrotator-dimensions-configuration)), for details on the matter.
3232

3333

3434
## RadRotator Dimensions Configuration
3535

36-
**RadRotator** is a dynamic control that moves its content. To do that the control should be "aware" of its items size. The `ItemWidth` and `ItemHeight` properties are intended to provide this information to the control. If these properties are not set accordingly to the ItemTemplate's *size*, then the **RadRotator** may behave inconsistently in different browsers.
36+
**RadRotator** is a dynamic control that moves its content. To do that the control should be "aware" of its item's size. The `ItemWidth` and `ItemHeight` properties are intended to provide this information to the control. If these properties are not set accordingly in the ItemTemplate's *size*, then the **RadRotator** may behave inconsistently in different browsers.
3737

3838
* The items are not shown when the control is first loaded. After clicking the "Refresh" button the items become visible.
3939

@@ -65,11 +65,11 @@ This example below demonstrates the purpose of the [Width, ItemWidth, Height and
6565
}
6666
````
6767

68-
After implementing the above steps two items will be shown in the **RadRotator**'s viewport, because of the `Width="200"` and `ItemWidth="100"` properties.
68+
After implementing the above steps, two items will be shown in the **RadRotator**'s viewport, because of the `Width="200"` and `ItemWidth="100"` properties.
6969

7070
![](images/rotator-rotatorconfig.jpg)
7171

72-
In case that the requirement is to show 3 items in the viewport, then the `Width` property should be changed to "300". Also, if one of the **RadRotator**'s buttons' type is used, then the buttons' size should be added to the rotator's `Width` property. For example if the button is 30x30 then the width should be 360. More information on the matter is available in the [How To Configure Size of Rotator with Buttons]({%slug rotator/getting-started/how-to-configure-size-of-rotator-with-buttons%}) article.
72+
In the case that the requirement is to show 3 items in the viewport, then the `Width` property should be changed to "300". Also, if one of the **RadRotator**'s buttons' type is used, then the buttons' size should be added to the rotator's `Width` property. For example if the button is 30x30 then the width should be 360. You can find more information in the article, [How To Configure Size of Rotator with Buttons]({%slug rotator/getting-started/how-to-configure-size-of-rotator-with-buttons%}).
7373

7474
All of the explained logic stays the same if the `ScrollDirection="Up, Down"` is set, but it should be applied to the `Height` and `ItemHeight` properties, respectively.
7575

0 commit comments

Comments
 (0)