I am having an issue trying to make a RadGrid responsive using CSS.  When the browser width is wide, the 6 columns are all visible.  When the user shrinks the browser width, at a certain point two of the columns disappear as they should -- but at the same time a new column shows up that doesn't even have a header visible.  It's very strange.  Any help would be most appreciated. The basic grid is defined in the .aspx as:

The columns to the grid are defined in the code behind as:

I have attached two (2) screen captures -- the first when it is wide, the second after the user shrinks the window.  Any assistance would be most appreciated.  I am running on Windows 10, this project is in Visual Studio 2013.

Thanks in advance.

Hi Team,

I am having the radListView. I want to export the data to excel from the Listview.

 Please help how to do this.

I am having the List View in the grid format. Now I want export like how we are doing this from the RadGrid.

 http://demos.telerik.com/aspnet-ajax/listview/examples/appearancestyling/predefinedlayouts/defaultcs.aspx

When the user empties a value a numeric text box, the grid doesn't save changes and the changed field stays with a red dot in the corner.

In this scenario I would like the row to be saved with a null value for the numeric field. Is that possible?

<telerik:RadGrid
            ID="RadGrid1"
            runat="server"
            AutoGenerateColumns="False"
            CssClass="grid"
            GroupPanelPosition="Top" Skin="Silk"
            AllowFilteringByColumn="True" AlternatingItemStyle-Wrap="False" AlternatingItemStyle-BackColor="#B8B1B4" ItemStyle-Wrap="false"
            AllowSorting="True" Height="650px" Width="100%" AllowPaging="True" PageSize="2000" AutoGenerateDeleteColumn="True" DataSourceID="LinqYonisLogs" AllowAutomaticUpdates="true" AllowAutomaticDeletes="true" OnBatchEditCommand="RadGrid1_BatchEditCommand">

<AlternatingItemStyle Wrap="False" BackColor="#B8B1B4"></AlternatingItemStyle>

        <MasterTableView DataSourceID="LinqYonisLogs" CommandItemDisplay="TopAndBottom" DataKeyNames="CustomerCode, MQS_Code" EditMode="Batch">
            <CommandItemSettings ShowAddNewRecordButton="false" ShowRefreshButton="false"/>
            <Columns>
                <telerik:GridBoundColumn DataField="CustomerCode" ReadOnly="true" FilterControlAltText="Filter CustomerCode column" HeaderText="Customer Code" SortExpression="CustomerCode" UniqueName="CustomerCode">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="MQS_Code" ReadOnly="true" FilterControlWidth="55px" FilterControlAltText="Filter MQS_Code column" HeaderText="MQS Code" SortExpression="MQS_Code" UniqueName="MQS_Code">
                </telerik:GridBoundColumn>
                <telerik:GridTemplateColumn DataField="QuotedPrice" DataType="System.Decimal" FilterControlAltText="Filter QuotedPrice column" HeaderText="Quoted Price" SortExpression="QuotedPrice" UniqueName="QuotedPrice">
                    <EditItemTemplate>
                        <telerik:RadNumericTextBox ID="rdteQuotedPrice" runat="server" DbValue='<%# Eval("QuotedPrice") %>'>
                            <IncrementSettings InterceptMouseWheel="false" InterceptArrowKeys="false" />
                        </telerik:RadNumericTextBox>
                    </EditItemTemplate>
                    <ItemTemplate>
                        <asp:Label ID="QuotedPriceLabel" runat="server" Text='<%# Eval("QuotedPrice") %>'></asp:Label>
                    </ItemTemplate>
                </telerik:GridTemplateColumn>
                <telerik:GridBoundColumn DataField="Action" FilterControlAltText="Filter Action column" HeaderText="Action" SortExpression="Action" UniqueName="Action">
                </telerik:GridBoundColumn>

            </Columns>

<PagerStyle AlwaysVisible="True"></PagerStyle>
        </MasterTableView>
        <ClientSettings EnableRowHoverStyle="True" AllowKeyboardNavigation="True">
            <KeyboardNavigationSettings AllowActiveRowCycle="True" />
            <Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="false" />
            <Resizing AllowColumnResize="True" />
            <Selecting AllowRowSelect="true" />
        </ClientSettings>

<ItemStyle Wrap="False"></ItemStyle>

        <PagerStyle AlwaysVisible="True" />
        </telerik:RadGrid>

SinglePlus.gif    so that the users can easily identify that the detail table is there.

Hi,

My grid is databound using NeedDataSource and I localize my column names in the Pre-Render event. When I enable ShowGroupPanel to allow users to drag columns for grouping, the name that appears in the group box and in the grouping row titles is not the localized name. I have searched the column properties but I can't see anything obvious for this - what do I need to set in order to get the names displaying correctly?

Hi,

     Now I am looking into this demo

     http://demos.telerik.com/aspnet-ajax/grid/examples/data-editing/commanditem/defaultcs.aspx

     First, I edit the second row in the gird, then delete the first row. I found after the first row was deleted. The original second row(now it is the first row after deleting) lost "in edit" state. And the original third row(now it changed to the second row) got the "in edit" state.

     Is it a software defect? And is there any solution now?\

Thanks.

Zhang Rui

Hello everybody

I'm working currently on a application that uses telerik for all controls except some special type called "bowserfield", is like an inputbox with autocomplete. I need to use this control mandatory.

 My problem starts when I try to use this control inside a itemtemplate and want to get the row in this customcontrol onclick event. I have the row number in RANK1 control, could I use this inputbox to get the row number? I could use ONCLICK in server side, but I dont know how to get the radgrid sender reference. ALso notice that I dont have the row selected when the event is launched from this control.

My case:

 <telerik:GridTemplateColumn HeaderText="BB" HeaderStyle-Width="15%" UniqueName="cv" > 
                                  <ItemTemplate> 
                                  <asp:hiddenfield  runat="server" id="KEY1" Value='<%# Bind("ID") %>'  ></asp:hiddenfield> 
                                  <asp:hiddenfield  runat="server" id="RANK1" Value='<%# Bind("rank") %>'  ></asp:hiddenfield> 
                                  <et:bowsefield runat="server" id="DocID" bowsername="document" OnChange="Save($(this),'1')"/>
               </ItemTemplate> 
</telerik:GridTemplateColumn> 

 <script type="text/javascript">

 function Save(sender, args)
    {
        if (sender != null) {
            var grid = $find('<%= RadGrid1.ClientID %>'); 
            var MasterTable = grid.get_masterTableView();
            var tableEl = MasterTable.get_element();

            var DocX
            var idX

            if (args == '1')
            {
               
                var textBox = sender[0].$telerik.findElement(tableEl, "DocID"); ----> GIVES ME ALWAYS ROW 1 :(
            }
            ...
        }
    }

</script>

I think that a solution could be use this control only in edit mode, but is possible to do without it? Thanks a lot.-

Using the MetroTouch skin in version 2015.3.1111.45 - In lightweight RenderMode - if you click directly on the text of a button it does not fire the click even - you must click somewhere else on the button.  

If you set RenderMode="Classic" the issue is resolved.