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

group header is not properly align.

1 Answer 83 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Abhi Shinde
Top achievements
Rank 1
Abhi Shinde asked on 02 May 2011, 08:39 AM
Hi,
     Please see attached image file.

and please refer foll. code.
<telerik:RadGrid runat="server" ID="rgQuestions" OnNeedDataSource="rgQuestions_NeedDataSource"
                                                        AllowPaging="True" AllowMultiRowSelection="true" OnItemDataBound="rgQuestions_ItemDataBOund"
                                                        PageSize="30" EnableHeaderContextMenu="true" AutoGenerateColumns="false"
                                                       >
                                                        <MasterTableView DataKeyNames="Q_QuestionId" TableLayout="Fixed">
                                                            <GroupByExpressions>
                                                                <telerik:GridGroupByExpression>
                                                                    <SelectFields>
                                                                        <telerik:GridGroupByField FieldAlias="Category" FieldName="Q_CategoryName" HeaderValueSeparator=" : ">
                                                                        </telerik:GridGroupByField>
                                                                    </SelectFields>
                                                                    <GroupByFields>
                                                                        <telerik:GridGroupByField FieldName="Q_CategoryName"></telerik:GridGroupByField>
                                                                    </GroupByFields>
                                                                </telerik:GridGroupByExpression>
                                                            </GroupByExpressions>
                                                            <Columns>
                                                                <telerik:GridBoundColumn Visible="False" DataField="Q_QuestionId" HeaderText="Question Id">
                                                                </telerik:GridBoundColumn>
                                                                <telerik:GridBoundColumn Visible="False" DataField="Q_Question" HeaderText="Question">
                                                                </telerik:GridBoundColumn>
                                                                <telerik:GridBoundColumn Visible="False" DataField="Q_AnswerType" HeaderText="AnswerType">
                                                                </telerik:GridBoundColumn>
                                                                <telerik:GridBoundColumn Visible="False" DataField="Q_QuestionMark" HeaderText="QuestionMark">
                                                                </telerik:GridBoundColumn>
                                                                <telerik:GridBoundColumn Visible="False" DataField="Q_Mandatory" HeaderText="Mandatory">
                                                                </telerik:GridBoundColumn>
                                                                <telerik:GridBoundColumn Visible="False" DataField="Q_MarksStatus" HeaderText="MarksStatus">
                                                                </telerik:GridBoundColumn>
                                                                <telerik:GridTemplateColumn Visible="False">
                                                                    <ItemTemplate>
                                                                        <asp:Label ID="lblAnsType" runat="server" Visible="False" Text='<%# DataBinder.Eval(Container.DataItem, "Q_AnswerType") %>'>
                                                                        </asp:Label>
                                                                    </ItemTemplate>
                                                                </telerik:GridTemplateColumn>
                                                                <telerik:GridBoundColumn DataField="Q_Order" HeaderStyle-Width="5%" ItemStyle-VerticalAlign="Top" >
                                                                </telerik:GridBoundColumn>
                                                                <telerik:GridTemplateColumn DataField="Q_Question" HeaderText="Question" HeaderStyle-Width="65%">
                                                                    <ItemStyle HorizontalAlign="Left" />
                                                                    <ItemTemplate>
                                                                        <asp:Label ID="lblQuestion" runat="server" Text='<%# Eval("Q_Question") %>'>
                                                                        </asp:Label>
                                                                        <br />
                                                                        <asp:Panel ID="QuestionDetails" runat="server">
                                                                            <asp:Label ID="lblAnsType1" runat="server" Visible="False" Text='<%# DataBinder.Eval(Container.DataItem, "Q_AnswerType") %>'>
                                                                                                                                  
                                                                            </asp:Label>
                                                                            <asp:Label ID="lblQuestionID" runat="server" Text='<%# Eval("Q_QuestionId") %>' Visible="false">
                                                                            </asp:Label>
                                                                           
                                                                        </asp:Panel>
                                                                    </ItemTemplate>
                                                                </telerik:GridTemplateColumn>
                                                                 
                                                                <telerik:GridTemplateColumn   HeaderStyle-Width="15%">
                                                                    <ItemStyle VerticalAlign="top"></ItemStyle>
                                                                    <ItemTemplate>
                                                                        <%--<asp:HyperLink id="hlinkEdit" runat="server" ToolTip="Edit" ImageUrl="../Images/edit.gif" NavigateUrl='<%#"AddQuestion.aspx?mode=Edit&Id="+DataBinder.Eval(Container.DataItem,"Q_Questionid")+"&Choice=Preview&answertype="+ DataBinder.Eval(Container.DataItem,"Q_AnswerType")%>' >
                                            </asp:HyperLink>--%>
                                                                        <asp:HyperLink ID="hlinkEdit" runat="server" ToolTip="Edit Question" ImageUrl="../Images/edit.gif"
                                                                            NavigateUrl='<%#"AddQuestions.aspx?mode=Edit&Id="+DataBinder.Eval(Container.DataItem,"Q_Questionid")+"&Choice=Preview&answertype="+ DataBinder.Eval(Container.DataItem,"Q_AnswerType")%>'>
                                                                        </asp:HyperLink>
                                                                    </ItemTemplate>
                                                                </telerik:GridTemplateColumn>
                                                                <telerik:GridTemplateColumn  HeaderStyle-Width="15%">
                                                                    <ItemStyle VerticalAlign="top"></ItemStyle>
                                                                    <ItemTemplate>
                                                                        <a href="#" onclick="Delete('<%# DataBinder.Eval(Container.DataItem, "Q_QuestionId") %>','<%# DataBinder.Eval(Container.DataItem, "Q_QuestionnaireId") %>')">                                                                       
                                                                            <img src="../Images/delete.gif" title="Delete" border="0"></a>
                                                                    </ItemTemplate>
                                                                </telerik:GridTemplateColumn>
                                                            </Columns>
                                                        </MasterTableView>
                                                        <ClientSettings AllowRowsDragDrop="True" AllowColumnsReorder="true" ReorderColumnsOnClient="true">
                                                            <Resizing AllowColumnResize="true" />
                                                            <Selecting AllowRowSelect="True" EnableDragToSelectRows="false" />
                                                            <%-- <ClientEvents OnRowDropping="onRowDropping" />--%>
                                                            <Scrolling AllowScroll="true" UseStaticHeaders="true" />
                                                        </ClientSettings>
                                                        <PagerStyle Mode="NumericPages" PageButtonCount="4" />
                                                    </telerik:RadGrid>


Regards,
Abhi

1 Answer, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 02 May 2011, 09:34 AM
Hello Abhi,

I have tried the same to replicate your issue at my end but no avail. It may be because you might override any default CSS style. Please double check with your CSS with the following default CSS listed.
Modifying existing skins/creating new skins

Regards,
Shinu.
Tags
Grid
Asked by
Abhi Shinde
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Share this question
or