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

RadGrid Header Columns

2 Answers 132 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Ricardo
Top achievements
Rank 1
Ricardo asked on 24 Aug 2011, 11:41 AM
Hello, i'm having a problem to format the with the size of the header columns of my RadGrid...At this moment I don't know why the header has a bigger size then on default appearence.How can i manipulate the column header size and column texts?

Here my code:
<asp:Content ID="content" ContentPlaceHolderID="DefaultContent" runat="Server">
    <h1 style="text-align: center;">
        Assign Invoices</h1>
    <br />
    <asp:Panel runat="server" ID="ViewChooserWrapper">
        <telerik:RadTabStrip runat="server" ID="ViewChooser" AutoPostBack="True" SelectedIndex="0"
            MultiPageID="RadMultiPage1" Skin="Black">
            <Tabs>
                <telerik:RadTab Text="Daily Resume" Selected="True" />
                <telerik:RadTab Text="Assign Invoices" />
            </Tabs>
        </telerik:RadTabStrip>
        <div class="content">
            <asp:Panel runat="server" ID="Panel1">
            </asp:Panel>
        </div>
        <telerik:RadMultiPage ID="RadMultiPage1" runat="server" BorderColor="Black" BorderStyle="Solid"
            BorderWidth="1px" SelectedIndex="0" ClientIDMode="Static" RenderSelectedPageOnly="True">
            <telerik:RadPageView ID="pvDailyResume" runat="server">
                <telerik:RadGrid ID="RadGrid1" runat="server" Skin="Black" CellSpacing="0" GridLines="None"
                    AllowMultiRowSelection="True">
                    <ClientSettings>
                        <Selecting AllowRowSelect="True" />
                        <Scrolling AllowScroll="True" ScrollHeight="400px" UseStaticHeaders="True" />
                    </ClientSettings>
                    <MasterTableView>
                        <CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
                        <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
                            <HeaderStyle Width="20px"></HeaderStyle>
                        </RowIndicatorColumn>
                        <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">
                            <HeaderStyle Width="20px"></HeaderStyle>
                        </ExpandCollapseColumn>
                        <EditFormSettings>
                            <EditColumn FilterControlAltText="Filter EditCommandColumn column">
                            </EditColumn>
                        </EditFormSettings>
                    </MasterTableView>
                    <FilterMenu EnableImageSprites="False">
                    </FilterMenu>
                    <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Windows7">
                    </HeaderContextMenu>
                </telerik:RadGrid>
            </telerik:RadPageView>
            <telerik:RadPageView ID="pvAssignInvoices" runat="server">
                <table>
                    <tr>
                        <td>
                            <telerik:RadListBox ID="RadListBox1" runat="server" AllowReorder="True" Skin="Black"
                                Sort="Ascending" Height="400px" Width="220px" 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" EnableDragAndDrop="True" Height="400px"
                                AllowReorder="True" Width="140px" Skin="Black">
                                <ButtonSettings TransferButtons="All"></ButtonSettings>
                                <HeaderTemplate>
                                    <h5 style="color: White; text-align: center">
                                        STAGING</h5>
                                </HeaderTemplate>
                            </telerik:RadListBox>
                        </td>
                        <td>
                            <telerik:RadListBox ID="RadListBox3" runat="server" SelectionMode="Multiple" EnableDragAndDrop="True"
                                Height="400px" Width="140px" AllowReorder="True" Skin="Black">
                                <ButtonSettings TransferButtons="All"></ButtonSettings>
                                <HeaderTemplate>
                                    <h5 style="color: White; text-align: center">
                                        GROUP</h5>
                                </HeaderTemplate>
                            </telerik:RadListBox>
                        </td>
                        <td>
                            <telerik:RadButton ID="RadButton1" runat="server" Text="Assign" Skin="Black" Width="100px"
                                Height="40px" OnClick="RadButton1_Click">
                            </telerik:RadButton>
                            <br />
                            <br />
                            <telerik:RadButton ID="RadButton2" runat="server" Text="Unassign" Skin="Black" Width="100px"
                                Height="40px" OnClick="RadButton4_Click">
                            </telerik:RadButton>
                            <br />
                            <br />
                            <telerik:RadButton ID="RadButton3" runat="server" Text="Unassign All" Skin="Black"
                                Width="100px" Height="40px" OnClick="RadButton3_Click">
                            </telerik:RadButton>
                        </td>
                        <td style="width: 10px">
                        </td>
                        <td>
                            <telerik:RadGrid ID="RadGrid2"  runat="server" Skin="Black" CellSpacing="0" GridLines="None"
                                Width="460px" Height="400px" AllowSorting="True" AllowMultiRowSelection="true"
                                OnNeedDataSource="RadGrid2_NeedDataSource">
                                <ClientSettings>
                                    <Selecting AllowRowSelect="True" />
                                    <Scrolling AllowScroll="True" UseStaticHeaders="True" />
                                </ClientSettings>
                                <MasterTableView DataKeyNames="UserName,Group,Staging">
                                    <CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
                                    <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
                                        <HeaderStyle Width="20px"></HeaderStyle>
                                    </RowIndicatorColumn>
                                    <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">
                                        <HeaderStyle Width="20px"></HeaderStyle>
                                    </ExpandCollapseColumn>
                                    <EditFormSettings>
                                        <EditColumn FilterControlAltText="Filter EditCommandColumn column">
                                        </EditColumn>
                                    </EditFormSettings>
                                </MasterTableView>
                                <FilterMenu EnableImageSprites="False">
                                </FilterMenu>
                                <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Windows7">
                                </HeaderContextMenu>
                            </telerik:RadGrid>
                        </td>
                    </tr>
                </table>

2 Answers, 1 is accepted

Sort by
0
Ricardo
Top achievements
Rank 1
answered on 24 Aug 2011, 11:46 AM
At this moment i know i can handle the header width with

HeaderStyle-width

 

 

="200"

 

,
But how can i change the lenthg?
0
Ricardo
Top achievements
Rank 1
answered on 24 Aug 2011, 12:05 PM
Please Ignore problem solved
Tags
Grid
Asked by
Ricardo
Top achievements
Rank 1
Answers by
Ricardo
Top achievements
Rank 1
Share this question
or