I am using rad combo box in my application.  By default I have to show this control as disabled, but there is some distortion while showing this combo box. Please see the screenshot attached(rcb_disabled.jpg).

when I select normal checkbox this dropdown will get enabled. even in enabled mode also this dropdown still distorted.Please find the screenshot(rcb_enabled.jpg) 

I think it may be a .css issue, but I couldn't figure out what is the exact issue. Please find the css file below.

NOTE: as I couldn't attach css file I changed the extension to png. please change the extension back to css to view the Combobox.Grid css file.

Please help me on this issue.

Editable grid active row gets deleted when delete key is pressed while using Key board Navigation.

how add javascript to override ActiveRow deletion for Delete key.

Good morning,

I have a RadGrid with a Modal Template EditForm.  Everything is working as it should.

The user has requested that they be able to close the Modal EditForm Template by clicking outside the EditForm or by pressing Escape.

I have searched through the forums (and general Google searches) and can't quite get this.

These two threads haven't been any help:

Thread 1

Thread 2

How can I satisfy this request from the user?

Thanks in advance

I have a grid that renders correctly in IE, pre version 11.  It renders substantially correct in document modes other than Edge (native IE11) mode in IE11.  I have attached a capture of the grid with mismatched headers and columns as rendered in Edge mode.  I have included the fragment of the .aspx that defines the grid.

TIA

        <div class="bbcontent" style="padding: 0">
                <telerik:RadGrid ID="TableAdminGrid" runat="server" GridLines="None" AllowPaging="True" 
                    AllowSorting="True" EnableEmbeddedSkins="False" Skin="LPSDesktop" PageSize="20" 
                    AllowFilteringByColumn="True" AllowMultiRowSelection="false"
                    PagerStyle-PageSizeLabelText="Page size" PagerStyle-PagerTextFormat="{4}{5} items in {1} page(s)">
                    <HeaderContextMenu EnableEmbeddedSkins="false">
                    </HeaderContextMenu>
                    <ClientSettings EnableRowHoverStyle="True">
                        <Selecting AllowRowSelect="True" />
                        <Scrolling UseStaticHeaders="True" ScrollHeight= "400px" AllowScroll = "true"/>
                        <Resizing AllowColumnResize="true" />
                        <ClientEvents OnFilterMenuShowing="FilterMenuShowing" />
                    </ClientSettings>
                    <MasterTableView>
                        <NoRecordsTemplate>
                            <div style="color:Red">No items found.</div>
                        </NoRecordsTemplate>
                        <Columns>
                            <telerik:GridTemplateColumn HeaderText="" UniqueName="EditColumn" AllowFiltering="false" ShowFilterIcon="false" ShowSortIcon="false" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center">
                                <ItemTemplate>
                                    <asp:ImageButton ID="ImageButtonEdit" runat="server" ImageUrl="Images\document_edit.png" ToolTip="Edit" OnClick="GridEditImage_Click" />
                                </ItemTemplate>
                                <HeaderStyle Width="40px" />
                            </telerik:GridTemplateColumn>
                            <telerik:GridTemplateColumn HeaderText="" UniqueName="DeleteColumn" AllowFiltering="false" ShowFilterIcon="false" ShowSortIcon="false" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center">
                                <ItemTemplate>
                                    <asp:ImageButton ID="ImageButtonDelete" runat="server" ImageUrl="Images\delete16.png" ToolTip="Remove" CommandName="Delete" OnClick="GridDeleteImage_Click" OnClientClick="SetRowToDelete(this.attributes['RowIndex'].value);" />
                                </ItemTemplate>
                                <HeaderStyle Width="40px" />
                            </telerik:GridTemplateColumn>
                        </Columns>
                    </MasterTableView>
                    <PagerStyle AlwaysVisible="true"  Mode="NextPrevAndNumeric" Position="Bottom" PageButtonCount="3" PagerTextFormat="{4}{5} items in {1} page(s)" PageSizeLabelText="Page size" />
                    <GroupingSettings CaseSensitive="false" />
                    <FilterMenu EnableEmbeddedSkins="False" OnClientShown="MenuShowing">
                    </FilterMenu>
                </telerik:RadGrid>
        </div>

This is a very strange request from the user base.

 I have a 3 level hierarchical grid with 100's of rows of data at levels 2 and 3.  All grid rows are expanded by default.  At level 2, the users would like to see a header row for each row of data since they have to scroll down a lot due to the large amount of data.  This sounds weird, but the users can't collapse any of the grid rows, which would really make things look weird, but since the grid is completely expanded, it is easier on the eyes of the user to have 1 header row for each row of data at level 2, so the users tell me.

Is there any chance a simple solution could be provided how to accomplish this feat?

Thanks,

Rob