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

Hi,

I want to generate another graph on click event of bar for detail view .I saw the demo for the drill down chart but it basically based ajaxmanger and i am working in DNN in user control which is not supported so please tell me any solution thanks in advanced .

thanks

Mukul

Hi!
                We have
a version of the Telerik AJAX controls from a few years ago, 2012, and there’s
something that’s come up now that we need to fix. We have a grid that displays
data to the users, and we have it nested within a RadPane on a page that is
divided up with a RadSplitter. Since we have so many different items that we
nest things within, I’ve been using percentages to say what percentage of the
page a control should take up. Our grid uses frozen header columns and we set the
width and height to 100% of the divs that it’s in.

The problem is that the scroll
arrows on the horizontal scroll bar don’t work. You have to drag the bar to get
it to move. I’ve narrowed the problem down to the properties that I can change to
get it to work. If I set the width and height to specific values, like 800px or
300px, the scroll arrows work just fine. However, when I try to set it to a percentage,
like 100%, then the arrow buttons don’t work anymore. I’ve pasted the code
snippet below.

If anyone could tell me what it is
I’m doing wrong and how I can get the width and height to fill the div and
still have the arrows work, I would greatly appreciate it! Thank you so much!

                                Holly