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

Radgrid NestedViewTemplate as modal

1 Answer 89 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Jay Mehta
Top achievements
Rank 1
Jay Mehta asked on 31 Jan 2011, 08:07 PM
Hi,

I want to open the NestedViewTemplate of my radgrid as a modal window instead of it opening below that row. Is this possible or any other way I can achieve this functionality?

Also, I want to make the entire row clickable to expand the row and show the NestedViewTemplate.

Any help or suggestions would be appreciated.

Thank you,
Jay Mehta.

<telerik:radgrid Width="580px" ShowHeader="false" ShowFooter="false" ID="rgModalWindow" runat="server"
                              MasterTableView-NoMasterRecordsText="No Projects Registered" MasterTableView-NoDetailRecordsText="No Projects Registered"
                              CssClass="RadGrid_Default"  HierarchySettings-ExpandTooltip="Edit" HierarchySettings-CollapseTooltip="Edit" >
                                  <MasterTableView RetrieveAllDataFields="false" AutoGenerateColumns="false" CssClass="RadGrid_Default">
                                      <Columns>
                                          <telerik:GridExpandColumn  UniqueName="Expand">
                                              <ItemStyle cssclass="grndt" BorderStyle="none"/>
                                          </telerik:GridExpandColumn
 
                                          <telerik:GridTemplateColumn ItemStyle-Width="520px" UniqueName="Name">
                                              <ItemTemplate>
                                              <div class="cdpn" style="border: 0px none;width:520px;">
                                                  <div class="gdesc" style="width:520px;"><asp:Literal ID="litParameter" runat="server"></asp:Literal></div>
                                              </div>
                                              </ItemTemplate>
                                          </telerik:GridTemplateColumn>
                                             
                                          <telerik:GridExpandColumn  UniqueName="Expand1">
                                          <ItemStyle cssclass="expand" BorderStyle="none"/>
                                          </telerik:GridExpandColumn
                                      </Columns>
                                       
                                      <NestedViewTemplate>
                                      <table>
                                      <tbody>
                                      <tr>
                                      <td>
                                          <asp:Panel ID="NestedViewPanel" CssClass="rgExpandCol" Width="500px" runat="server" >
                                                  <asp:Literal ID="litScreenID" Visible="false" runat="server"></asp:Literal>
                                                  <asp:Literal ID="litCategoryID" Visible="false" runat="server"></asp:Literal>
                                                  <h2><asp:Label ID="lblInstructions1" Visible="false" runat="server" Text="Label"></asp:Label></h2>
                                                  <br />
                                                  <div class="question-label">
                                                      <asp:Literal ID="lit" runat="server"></asp:Literal>
                                                  </div>
                                                  <div class="answer">
                                                  <asp:RadioButtonList CssClass="radiooption1" ID="rbl" runat="server">
                                                  </asp:RadioButtonList>
                                                  </div>
                                                  <br />
                                                  <asp:Button ID="btnUpdate" CssClass="button" runat="server" Text="Update" />
                                          </asp:Panel>
                                      </td>
                                      </tr>
                                      </tbody>
                                      </table>
                                      </NestedViewTemplate>
                                  </MasterTableView>
                                   
                              </telerik:radgrid>

1 Answer, 1 is accepted

Sort by
0
Veli
Telerik team
answered on 03 Feb 2011, 10:00 AM
Hi Jay,

This scenario is not supported by the NestedViewTemplate functionality in RadGrid. You can try integrating RadWindow in your grid and show it when you click on your item.

Veli
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
Tags
General Discussions
Asked by
Jay Mehta
Top achievements
Rank 1
Answers by
Veli
Telerik team
Share this question
or