none
Asp.net Radgrid Customization Query RRS feed

  • Question

  • I currently have the following code for displaying the search results on the page. It is using a Radgrid control to display the results..

    <telerik:RadSplitter ID="RadSplitter1" runat="server" 
     Orientation="Horizontal" Width="100%" Height="300px" LiveResize="true" 
     BorderColor="White" ResizeMode="Proportional">
       <telerik:RadPane ID="RadPane1" runat="server"  Width="100%" 
        Height="300px" Locked="true" Visible="true" Scrolling="Y" 
        ClicktoOpen="true">
              <div class="row"> 
              <div class="col-sm-6 col-md-12 col-lg-12">
                 <telerik:RadGrid ID="rgSearch" runat="server" 
                 AllowPaging="True" PageSize="30" Skin="Bootstrap" 
                 AllowSorting="true" 
                 GridLines="None" Width="100%" 
                 OnItemCommand="rgSearch_ItemCommand"  
                 AutoGenerateColumns="false" 
                 OnNeedDataSource="rgSearch_NeedData"
                 MasterTableView-HorizontalAlign="NotSet" CommandItemStyle-
                 BorderStyle="None" CommandItemStyle-BorderWidth="0px">
                <PagerStyle CssClass="griddir" Mode="NextPrevAndNumeric" >
                </PagerStyle>
                <HeaderStyle HorizontalAlign="Center" /><ItemStyle 
                 HorizontalAlign="Center" />
                <AlternatingItemStyle HorizontalAlign="Center" /><ExportSettings 
                 HideStructureColumns="true"  />
    
                 <MasterTableView  DataKeyNames="upid">
                    <Columns>                 
                 <telerik:GridBoundColumn DataField="FirstName" 
                  HeaderText="Student First Name" ItemStyle-VerticalAlign="Top" 
                  AllowSorting="true"></telerik:GridBoundColumn> 
                  <telerik:GridBoundColumn DataField="LastName" 
                  HeaderText="Student Last Name" ItemStyle-VerticalAlign="Top" 
                  AllowSorting="true"></telerik:GridBoundColumn>                        
                  <telerik:GridBoundColumn DataField="PrimaryEmail" 
                   HeaderText="Email" ItemStyle-VerticalAlign="Top" 
                   AllowSorting="false" Display="false">
                   </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ProgramStatusName" 
                   HeaderText="Status"  ItemStyle-VerticalAlign="Top"  
                   AllowSorting="true"></telerik:GridBoundColumn>
                   <telerik:GridButtonColumn ButtonType="LinkButton"  
                   Text="details..." CommandName="select"  
                    CommandArgument="select"></telerik:GridButtonColumn>
                 </Columns>                            
                </MasterTableView>               
               </telerik:RadGrid>             
              </div>
              </div> 
              </telerik:RadPane>
    
                 <telerik:RadSplitBar ID="RadSplitbar1" runat="server"   
                CollapseMode="None" Visible="false"></telerik:RadSplitBar>
    
             <telerik:RadPane ID="Radpane2" runat="server" Width="101%" 
             Height="500px" Visible="false"   ShowContentDuringLoad="true" 
              Scrolling="Y">
                   <div class="row"> 
                <div class="col-sm-6 col-md-12 col-lg-12">
                <div style="margin: 5px">
              <h3>Selection Details</h3>
              <asp:FormView ID="frmVP" runat="server" DataKeyNames="upid" 
               BorderStyle="None">
                <ItemTemplate> </ItemTemplate>
                  </asp:FormView>
                 </div></div> </div>             
                  </telerik:RadPane>                  
               </telerik:RadSplitter>

    This gives the output in the form of a table.However, I want to modify the search results display so that it will look something like this: 

    I am not able to customize the radgrid to change the display. Can someone help me out with this.Thanks in advance!

    • Moved by Fei Hu Monday, February 5, 2018 8:55 AM third party libs
    Friday, February 2, 2018 8:11 PM

All replies

  • Please post questions about Telerik components in the Telerik forums:

    https://www.telerik.com/forums


    Paul ~~~~ Microsoft MVP (Visual Basic)

    Friday, February 2, 2018 9:00 PM
  • Hi hims16s,

    According to your question is more related to third party technology, you could post a new thread to Telerik forum for suitable support.
    If you have some grammar or code errors in using C#, please feel free to contact us. We will try our best to give you a solution.

    Best Regards,

    Neil Hu


    MSDN Community Support
    Please remember to click "Mark as Answer" the responses that resolved your issue, and to click "Unmark as Answer" if not. This can be beneficial to other community members reading this thread. If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.

    Monday, February 5, 2018 8:54 AM