From 6ffa7cb9cd15160eb9de130e2f13e59ad7873856 Mon Sep 17 00:00:00 2001 From: Erik Ruthruff Date: Tue, 19 Apr 2016 21:34:37 -0500 Subject: [PATCH] Update overview.md Copy edits only. No comments to address. --- controls/rotator/getting-started/overview.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/controls/rotator/getting-started/overview.md b/controls/rotator/getting-started/overview.md index 9578508d66..f62ae0fc7b 100644 --- a/controls/rotator/getting-started/overview.md +++ b/controls/rotator/getting-started/overview.md @@ -20,20 +20,20 @@ This help article illustrates how to configure a RadRotator control. To configure a rotator control you can follow the steps below: -* 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 +* 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. -* Add a data source control and set the RadRotator's DataSourceID property to its ID +* Add a data source control and set the RadRotator's DataSourceID property to its ID. -* Declare the ItemTemplate's content +* Declare the ItemTemplate's content. -* 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. +* 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. -* 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. +* 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. ## RadRotator Dimensions Configuration -**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. +**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. * The items are not shown when the control is first loaded. After clicking the "Refresh" button the items become visible. @@ -65,11 +65,11 @@ This example below demonstrates the purpose of the [Width, ItemWidth, Height and } ```` -After implementing the above steps two items will be shown in the **RadRotator**'s viewport, because of the `Width="200"` and `ItemWidth="100"` properties. +After implementing the above steps, two items will be shown in the **RadRotator**'s viewport, because of the `Width="200"` and `ItemWidth="100"` properties. ![](images/rotator-rotatorconfig.jpg) -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. +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%}). 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.