This is a migrated thread and some comments may be shown as answers.

Style Padding Margin not used in Rotator?

1 Answer 44 Views

Rotator

This is a migrated thread and some comments may be shown as answers.

1 Answer, 1 is accepted

answered on 26 Sep 2012, 09:53 AM

rotator.gif

Hi,

Hi, I have tested your code and it works es expected. I have increased drastically margin/padding values and it was respected by the wrapping div, which has now bigger padding and margins. Attached is rotator.gif showing the result in the browser and FireBug showing padding and margin respected. I have tested with the following code:

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<style type="text/css">

.messageText {

border: 1px solid black;

width: 838px;

height: 200px;

background-color: #fff;

color: #666;

font: normal 11px Arial, Verdana, Helvetica, Sans-serif;

text-align: justify;

padding: 40px;

margin: 50px;

}

</style>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<div class="messageText">

<telerik:RadRotator runat="server" ID="RadRotator1" FrameDuration="6000" Width="312px"

RotatorType="Buttons" ItemWidth="120px" Height="134px" ItemHeight="120px" EnableEmbeddedSkins="true"

Style="display: inline-block;">

<Items>

<telerik:RadRotatorItem>

<ItemTemplate>

<img src="http://userserve-ak.last.fm/serve/500/11611283/Metallica+Magnetyczna__2790094.jpg"

alt="" width="120" height="120" />

</ItemTemplate>

</telerik:RadRotatorItem>

<telerik:RadRotatorItem>

<ItemTemplate>

<img src="http://userserve-ak.last.fm/serve/500/11611283/Metallica+Magnetyczna__2790094.jpg"

alt="" width="120" height="120" />

</ItemTemplate>

</telerik:RadRotatorItem>

<telerik:RadRotatorItem>

<ItemTemplate>

<img src="http://userserve-ak.last.fm/serve/500/11611283/Metallica+Magnetyczna__2790094.jpg"

alt="" width="120" height="120" />

</ItemTemplate>

</telerik:RadRotatorItem>

<telerik:RadRotatorItem>

<ItemTemplate>

<img src="http://userserve-ak.last.fm/serve/500/11611283/Metallica+Magnetyczna__2790094.jpg"

alt="" width="120" height="120" />

</ItemTemplate>

</telerik:RadRotatorItem>

</Items>

</telerik:RadRotator>

</div>

</form>

</body>

</html>

Regards,
Bozhidar
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.