Rotator Dalatlist Dataset

[sahil]

I have an datalist on my page that bind with datset which showing  records in 4 columns and 2 rows .It means total 8 records are showing currently on the page..
The image and text showing  inside Item template of datalist. ok

Now,
i have a new requirement to use radrotator

there are < previous and next > button on top of the page.

when i click on next buton ,,next records of datalist are shown on the same page. means 9th onwards records shown on dalalist.

rough Idea:
<rotator>
<frame>
     <datalist>
      <item template>
        bind with dataset
      </item template>
      </datalist>
</frame>
</rotator>

<img id="next">
<img id="previous">

How to do that??

Please Help???????

[sahil]

Please help

and Suggestions??

[sahil]

Please answer anyone??

[sahil]

Please reply??

[Fiko]

Hi sahil,

We are not quite sure what exactly are your requirements and it is hard for us to provide adequate answers without reproducing the scenario on our side first. Could you please open a new support ticket and send us all files related to your project so we can reproduce your scenario and hopefully provide a solution?

We wait for your response.

Regards,
Fiko
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[sahil]

<%@ Page Language="C#" MasterPageFile="~/ShopMaster.master" AutoEventWireup="true"
    Theme="ClientInner" CodeFile="" Inherits="" Title=" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik"%>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" />

   <table border="0" cellspacing="0" cellpadding="0" style="height: 200px;">
       <tr>
       <td>

        <button onclick="$find('<%=thumbRotator.ClientID%>').showNext(Telerik.Web.UI.RotatorScrollDirection.Left);"
                type="button" >
            </button>
            <button onclick="$find('<%=thumbRotator.ClientID%>').showNext(Telerik.Web.UI.RotatorScrollDirection.Right);"
                type="button" >
            </button>

         </td>
       </tr>

        <tr>
            <td valign="top">


                           <telerik:RadRotator ID="thumbRotator"
                           Width="960"
                           Height="960"
                          FrameDuration="100000"
                             ScrollDuration="500"
                             ItemWidth="240px"
                             RotatorType="FromCode"
                              AppendDataBoundItems="true"
                               ScrollDirection="Left"
                               SlideShowAnimation-Type="None"
                               SlideShowAnimation-Duration="500"
                               WrapFrames="false"
                               lo
                             runat="server" >

                            <ItemTemplate>
                            <table width="210" border="0" align="left" cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td align="center" valign="middle">
                                          <a href='NewsDetail.aspx?EID=<%# DataBinder.Eval(Container.DataItem,"NewsId")%>'>
                                          <img src='NewsImages/Thumb/<%# DataBinder.Eval(Container.DataItem,"ImagePath") %>'/>
                                             </a>
                                        </td>
                                    </tr>
                                     <tr>
                                <td align="left" valign="top" class="mews_box_head">

                                 <%# Eval("Date") %>

                                    <%# Eval ("Title") %>
                                </td>
                            </tr>
                            <tr>
                                <td align="left" valign="top">
                                    <div align="justify" width="236">
                                    <%# Eval("Description") %>
                                    </div>
                                </td>
                            </tr>
                                 </table>
                           </ItemTemplate>
                        </telerik:RadRotator>
               <br />


             </td>
        </tr>
    </table>

I have an rad rotator which is bind with list through database.

Problem::
I have to show 8 records on  the page , 4 in first row and next 4 in second row.
when i click on next button , next records start from 9th to 16th shown  on the same page.

1.) so how to make 2 rows , and insert 4 items in first row and other 4 items in second row in Item template of rad rotator???????
2.) when i will click on next button whole 8 frames are moved(mean 8 items are moved) and next 8 frames(mean next 8 items) are shown?????

Is these 2 things Possible.??

Thanks in advance.

[Fiko]

Hello Sahil,

I believe that this forum thread will be of helps.

Sincerely yours,
Fiko
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.