grids side by side

[Robert]

Hello,

I need some advice on what control i need to use to organzie my grids and other controls.. I want 2 grids side by side but i seem to beunable to do this. Whats the best way to organize controls?

[Shinu]

Hello Robert,

You can use RadSplitter control to organize the grid side by side.
aspx:

<telerik:RadSplitter ID="Splitter1" runat="server" Orientation="Vertical">
  <telerik:RadPane ID="RadPane1" runat="server">
   <telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="SqlDataSource1" AutoGenerateColumns="false">
      ....
    </telerik:RadGrid>
  </telerik:RadPane>
  <telerik:RadPane ID="RadPane2" runat="server">
    <telerik:RadGrid ID="RadGrid2" runat="server" DataSourceID="SqlDataSource2" AutoGenerateColumns="false">
    ....
    </telerik:RadGrid>
   </telerik:RadPane>
</telerik:RadSplitter>

Thanks,
Shinu.

[Robert]

Thanks for your fast reply,

Still not working. Thought it was the orientation property wich was set to vertical, but changing this to horizontal still puts the panels vertically

[Shinu]

Hi Robert,

Unfortunately I couldn't replicate the issue. Please take a look into the sample code snippet I tried with orientation Horizontal.
aspx:

<telerik:RadSplitter ID="Splitter1" runat="server" Orientation="Horizontal">
  <telerik:RadPane ID="RadPane1" runat="server">
   <telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="SqlDataSource1" AutoGenerateColumns="true">
    </telerik:RadGrid>
  </telerik:RadPane>
  <telerik:RadPane ID="RadPane2" runat="server">
    <telerik:RadGrid ID="RadGrid2" runat="server" DataSourceID="SqlDataSource2" AutoGenerateColumns="true">
     </telerik:RadGrid>
   </telerik:RadPane>
</telerik:RadSplitter>
  <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString3 %>"
            SelectCommand="select top 5 * from Employees"></asp:SqlDataSource>
              <asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString3 %>"
            SelectCommand="select top 5 * from Orders"></asp:SqlDataSource>

Attached is the screenshot.

Thanks,
Shinu.