We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Rotator

Dear All
I try to archieve the following,
I have setup a web page with rotator,
EnableResize="true"
SlideWidth="100%"
DisplayItemCount="3"
FrameSpace="0px"
SlideHeight="200px"
ShowPager="true"
AnimationSpeed="10000"
EnableAutoPlay="true"
ShowPlayButton="true"
Template="<div style='height:300px'>
${text}
${rain}
">
This works not so bad, except of one setting. The DisplayItemCount is not working, it will show up always only 1 item, what did I do wrong?
Thanks for helping.
Martin

1 Reply

RJ Rekha J Syncfusion Team December 19, 2016 12:51 PM UTC

Hi Martin, 
Thanks for Contacting Syncfusion support. 
Query: The DisplayItemCount is not working, it will show up always only 1 item, what did I do wrong? 

We have checked your query and we suggest to the following way to resolve it in your end. 
1.       Provide control wrapper width to resolve this issue. Based on this width, items are separated as in displayItemsCount value. 
   
<div class="control" style="width:400px;"> 
            <ej:Rotator ID="sliderContent" runat="server" 
                DisplayItemCount="3"                 
            </ej:Rotator> 
         </div>    
 
2.       We need to set “SlideWidth” property as properly for displaying items. While we have displayed only one item, we will give SlideWidth property as 100%. Based on displaying items count, we will separate the items width.  
For your convenience, please refer the below code snippet to achieve this. 
 
<ej:Rotator ID="sliderContent" runat="server" 
                EnableResize="true" 
                SlideWidth="33%" 
                DisplayItemCount="3" 
                FrameSpace="0px"                                 
            </ej:Rotator> 
 

For your reference, we have created a simple sample and the sample available in: 
We would be happy to assist you for further queries, 
Regards, 
Rekha. 


Loader.
Up arrow icon