Arrange 3 RadListBox + 2 RadGrids in Page Aspx

1 posts, 0 answers
  1. Ricardo
    Ricardo avatar
    113 posts
    Member since:
    Jul 2011

    Posted 11 Aug 2011 Link to this post

    Hello people,

    I'm using 3 RadListBoxes with 2 RadGrids on the same page aspx, but i' d'ont know how to arrange them in the page...

    I'm using a <table> to group them in columns but it's not working...I d'ont like the appearence

    Can you help me?

    My code aspx is the next:
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="AssignInvoices.aspx.cs" Inherits="iConnect.InvoicesScaling.Views.AssignInvoices"
        Title="AssignInvoices" MasterPageFile="~/Shared/Silver.master" %>
      
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <asp:Content ID="content" ContentPlaceHolderID="DefaultContent" runat="Server">
        <script src="../Shared/js/jquery-1.6.2.min.js" type="text/javascript"></script>
        <script src="../Shared/js/jquery.tooltip.js" type="text/javascript"></script>
        <script type="text/javascript" src="../Silverlight.js"></script>
        <h1 style="text-align: center;">
            Assign Invoices</h1>
        <br />
        <table>
            <tr>
                <td>
                    <telerik:RadListBox ID="RadListBox1" runat="server" AllowReorder="True" Skin="Black"
                        Sort="Ascending" Height="400px" Width="250px" EnableDragAndDrop="True">
                        <ButtonSettings TransferButtons="All"></ButtonSettings>
                        <HeaderTemplate>
                            <h5 style="color: White; text-align: center">
                                USERS</h5>
                        </HeaderTemplate>
                    </telerik:RadListBox>
                </td>
                <td>
                    <telerik:RadListBox ID="RadListBox2" runat="server" SelectionMode="Multiple" EnableDragAndDrop="True"
                        Height="400px" Width="150px" AllowReorder="True" Skin="Black">
                        <ButtonSettings TransferButtons="All"></ButtonSettings>
                        <HeaderTemplate>
                            <h5 style="color: White; text-align: center">
                                GROUPS</h5>
                        </HeaderTemplate>
                    </telerik:RadListBox>
                </td>
                <td>
                    <telerik:RadListBox ID="RadListBox3" runat="server" EnableDragAndDrop="True" Height="400px"
                        Width="150px" AllowReorder="True" Skin="Black">
                        <ButtonSettings TransferButtons="All"></ButtonSettings>
                        <HeaderTemplate>
                            <h5 style="color: White; text-align: center">
                                STAGING</h5>
                        </HeaderTemplate>
                    </telerik:RadListBox>
                </td>
                <td>
                    <telerik:RadButton ID="RadButton1" runat="server" Text="Assign" Skin="Black" Width="100px"
                        Height="50px" OnClick="RadButton1_Click">
                    </telerik:RadButton>
                    <br />
                    <br />
                    <telerik:RadButton ID="RadButton2" runat="server" Text="Unassign" Skin="Black" Width="100px"
                        Height="50px" OnClick="RadButton2_Click">
                    </telerik:RadButton>
                </td>
                <td>
                </td>
                <td>
                </td>
                <td>
                    <h1>
                        Total Invoices Resume </h1>
                    <telerik:RadGrid ID="RadGrid1" runat="server" Skin="Windows7">
                    </telerik:RadGrid>
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <tr>
                    <td>
                    </td>
                    <td>
                        <telerik:RadGrid ID="RadGrid2" runat="server" Skin="Windows7">
                        </telerik:RadGrid>
                        <h1>
                        Total Invoices Resume </h1>
                    <telerik:RadGrid ID="RadGrid3" runat="server" Skin="Windows7">
                    </telerik:RadGrid>
                    </td>
                </tr>
            </tr>
        </table>
        <br />
        <br />
    </asp:Content>
Back to Top