Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
191 views
Hi there,

When I click to show/hide a column from the context menu with a multicolumn header the whole grid gets out whack due to the filter row ending up on the same row as the column headers (see pictures of before (Normal.png) and after (one_column_removed.png)). Any ideas why this is happening?


Here is my grid code:

<ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True" EnableRowHoverStyle="True" AllowColumnHide="False">
	<Selecting AllowRowSelect="False" />
	<Resizing AllowColumnResize="True" AllowResizeToFit="True" ResizeGridOnColumnResize="False" />
	<Scrolling AllowScroll="True" UseStaticHeaders="True" />
	<ClientMessages DragToGroupOrReorder="Click the Header to Sort; Drag to Reorder; Right Click for Context Menu" />
</ClientSettings>

...

<
ColumnGroups>
<telerik:GridColumnGroup HeaderText="MHO Portal Access" Name="User" HeaderStyle-HorizontalAlign="Center"></telerik:GridColumnGroup>
<telerik:GridColumnGroup HeaderText="Census Tract Exclusions" Name="CT" HeaderStyle-HorizontalAlign="Center"></telerik:GridColumnGroup>
<telerik:GridColumnGroup HeaderText="Rental Listings" Name="Rental" HeaderStyle-HorizontalAlign="Center"></telerik:GridColumnGroup>
<telerik:GridColumnGroup HeaderText="Real Estate Professionals" Name="REP" HeaderStyle-HorizontalAlign="Center"></telerik:GridColumnGroup>
</ColumnGroups>
 
<Columns>
<telerik:GridBoundColumn DataField="MHA" HeaderText="MHA" SortExpression="MHA" UniqueName="MHA" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="False" FilterControlWidth="75px"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="MHA_MHO_ID" HeaderText="MHA_MHO_ID" SortExpression="MHA_MHO_ID" UniqueName="MHA_MHO_ID" Visible="false"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Service_Name" FilterControlAltText="Filter Service_Name column" HeaderTooltip="Service" HeaderText="Service" SortExpression="Service_Name" UniqueName="Service_Name" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="False" FilterControlWidth="75px"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Is_Primary" FilterControlAltText="Filter Is_Primary column" HeaderTooltip="Role" HeaderText="Role" SortExpression="Is_Primary" UniqueName="Is_Primary" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="False" FilterControlWidth="75px"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="MHO_Name" FilterControlAltText="Filter MHO_Name column" HeaderTooltip="MHO Name" HeaderText="MHO Name" SortExpression="MHO_Name" UniqueName="MHO_Name" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="False" FilterControlWidth="75px"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="POC" HeaderText="POC" SortExpression="POC" UniqueName="POC" Visible="True" FilterControlWidth="75px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="False" Display="False"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Title" HeaderText="Title" SortExpression="Title" UniqueName="Title" Visible="True" FilterControlWidth="75px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="False" Display="False"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Phone_Number" HeaderText="Phone" SortExpression="Phone_Number" UniqueName="Phone_Number" Visible="True" FilterControlWidth="75px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="False" Display="False"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Email" HeaderText="Email" SortExpression="Email" UniqueName="Email" Visible="True" FilterControlWidth="75px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="False" Display="False"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="First_Login" HeaderText="First Login" ColumnGroupName="User" SortExpression="First_Login" UniqueName="First_Login" Visible="True" FilterControlWidth="75px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="False"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Last_Login" HeaderText="Last Login" ColumnGroupName="User" SortExpression="Last_Login" UniqueName="Last_Login" Visible="True" FilterControlWidth="75px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="False"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="CT_Submission" HeaderText="Submit" ColumnGroupName="CT" SortExpression="CT_Submission" UniqueName="CT_Submission" Visible="True" FilterControlWidth="75px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="False"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="CT_Total" HeaderText="Total" ColumnGroupName="CT" SortExpression="CT_Total" UniqueName="CT_Total" Visible="True" FilterControlWidth="75px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="False"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="CT_Included" HeaderText="In." ColumnGroupName="CT" SortExpression="CT_Included" UniqueName="CT_Included" Visible="True" FilterControlWidth="75px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="False"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="CT_Excluded" HeaderText="Ex." ColumnGroupName="CT" SortExpression="CT_Excluded" UniqueName="CT_Excluded" Visible="True" FilterControlWidth="75px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="False"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="CT_Neutral" HeaderText="NA" ColumnGroupName="CT" SortExpression="CT_Neutral" UniqueName="CT_Neutral" Visible="True" FilterControlWidth="75px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="False"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="CT_Percent_Excluded" HeaderText="% Ex" ColumnGroupName="CT" SortExpression="CT_Percent_Excluded" UniqueName="CT_Percent_Excluded" Visible="True" FilterControlWidth="75px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="False"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="CT_Percent_Updated" HeaderText="% Updated" ColumnGroupName="CT" SortExpression="CT_Percent_Updated" UniqueName="CT_Percent_Updated" Visible="True" FilterControlWidth="75px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="False"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Rental_Submission" HeaderText="Submit" ColumnGroupName="Rental" SortExpression="Rental_Submission" UniqueName="Rental_Submission" Visible="True" FilterControlWidth="75px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="False"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Rental_Total" HeaderText="Total" ColumnGroupName="Rental" SortExpression="Rental_Total" UniqueName="Rental_Total" Visible="True" FilterControlWidth="75px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="False"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Rental_Current" HeaderText="Current" ColumnGroupName="Rental" SortExpression="Rental_Current" UniqueName="Rental_Current" Visible="True" FilterControlWidth="75px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="False"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="REP_Submission" HeaderText="Submit" ColumnGroupName="REP" SortExpression="REP_Submission" UniqueName="REP_Submission" Visible="True" FilterControlWidth="75px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="False"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="REP_Total" HeaderText="Total" ColumnGroupName="REP" SortExpression="REP_Total" UniqueName="REP_Total" Visible="True" FilterControlWidth="75px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="False"></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="REP_Current" HeaderText="Current" ColumnGroupName="REP" SortExpression="REP_Current" UniqueName="REP_Current" Visible="True" FilterControlWidth="75px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="False"></telerik:GridBoundColumn>
</Columns>

Thank you,

Tom
Pavlina
Telerik team
 answered on 31 Jul 2014
1 answer
1.4K+ views
Hi 

Please let me know How to set the row height of RadGrid  

Shinu
Top achievements
Rank 2
 answered on 31 Jul 2014
4 answers
1.3K+ views
I have a RadDateTimePicker on a page of my C# DotNet 4.0 web app.  
The idea is that every time the selected date changes, the event handler updates a text box. 
This is intended to be an Ajax event, not a full page postback.
To this end, the controls are set up in the RadAjaxManager as follows:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" >      
        <AjaxSettings>            
            <telerik:AjaxSetting AjaxControlID="rdtDateTime">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="txtCount" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>        
    </telerik:RadAjaxManager>

This works perfectly, unless in the page load event I set the SelectedDate property of the RadDateTimePicker.
If I do that the SelectedDateChanged event stops firing. 

Suggestions?  
Princy
Top achievements
Rank 2
 answered on 31 Jul 2014
1 answer
121 views
Hi

My submenu does not replicate the same style as my menu.

The submenu items seem to be smaller than the menu items.

Any help would be appreciated with this. 

Grant
Shinu
Top achievements
Rank 2
 answered on 31 Jul 2014
6 answers
276 views
Hello,

I had a scenario where I have to make a gridboundcolumn editable based on griddropdowncolumn selection. I am able to fire the selectindexchanged event for the griddropdowncolumn but could not figure how to change the readonly property of a column in the event.

Any help would be greatly appreciated.

Thanks,
Kevin
Shinu
Top achievements
Rank 2
 answered on 31 Jul 2014
1 answer
151 views
Hi Team,

Couple of days back I saw grid demo which is having Edit, delete and insert buttons in one cell of row. 
If the user mouse over on that cell its expands and show edit,delete and insert buttons (grid data won't expand).
Can you please provide that demo link or code.

Thanks in Advance.
Princy
Top achievements
Rank 2
 answered on 31 Jul 2014
1 answer
107 views
I have a modal that has a source ListBox and a selected ListBox with AllowTransfer="true". I also have AutoPostBackOnTransfer="true" because otherwise the selected items didn't persist. the problem I'm having is that when I transfer an item and there is a postback, the ListBox of selected items moves from the right side of the source to directly below it. I can't figure out why this is happening. See the attached screen shots.

Here is the modal and the button that opens it:

                                            <asp:LinkButton ID="btnDeptDCVL" runat="server" Style="cursor: pointer; text-decoration: underline; padding-left: 10px" Text="Select" />
                                            <ajaxtoolkit:ModalPopupExtender ID="mPopupDept" runat="server" PopupControlID="pnlDept"
                                                TargetControlID="btnDeptDCVL" BackgroundCssClass="modalProgressGreyBackground"
                                                DropShadow="false">
                                            </ajaxtoolkit:ModalPopupExtender>
                                            <asp:Panel ID="pnlDept" runat="server" Height="450px" Width="514px" Style="display: none; background-color: AntiqueWhite;">
                                                <div style="padding: 20px">
                                                    Select Departments from the left. Double-click, drag and drop, or click the arrows to select.<br />
                                                    <telerik:RadAjaxPanel runat="server" ID="rap1">
                                                        <telerik:RadListBox ID="rlbDeptDCVL" runat="server" Width="250" Height="350" TransferMode="Copy"
                                                            AllowTransfer="true" AllowTransferOnDoubleClick="true" EnableDragAndDrop="true" AutoPostBackOnTransfer="true"
                                                            TransferToID="rlbSelectedDeptDCVL">
                                                            <ButtonSettings Position="Right" />
                                                        </telerik:RadListBox>
                                                        <telerik:RadListBox ID="rlbSelectedDeptDCVL" runat="server" Width="220" Height="350">
                                                        </telerik:RadListBox>
                                                    </telerik:RadAjaxPanel>
                                                    <p style="text-align: center;">
                                                        <asp:LinkButton ID="lnkOKDeptDCVL" runat="server" Text="OK" class="label" />
                                                        &nbsp;&nbsp;
                                                        <asp:LinkButton ID="lnkCancelDeptDCVL" runat="server" Text="Cancel" class="label" />
                                                    </p>
                                                </div>
                                            </asp:Panel>
Kim
Top achievements
Rank 1
 answered on 30 Jul 2014
7 answers
260 views
Hi,

I have a grid with sorting enabled.
I build the columns in the code-behind.
The grid also have static headers enabled.

When I click a header for sorting, the column is being sorted.
But when I click the arrow to change to the other sorting state, the arrow jumps to the next column.
Every extra click jumps the arrow a column to the right, instead of flipping the arrow in the same column.

I use version 2013.2.717.40.

Please advise.
Thanks,
Guy.
Mansi
Top achievements
Rank 1
 answered on 30 Jul 2014
2 answers
364 views
Hopefully this is an easy one..I am familiar with the CSS trick to right-align the last RadMenuItem for a RadMenu that is 100% wide:

div.RadMenu .rmRootGroup .rmLast   { float: right; } 
div.RadMenu .rmGroup     .rmLast   { float: none;  }

However, for a particular client, I need to have TWO (theoretically more but two for now) RadMenuItems right-aligned.. I cannot seem to figure out how to do this. The closest I could get was to have separate RadMenus contained within their own DIV (one float:left, one float:right). This put everything in the correct positions but left a whitespace gap in the middle that I could not seem to fill (not to mention borders on the edges that I couldn't get rid of even when using the tricks found in this forum..

So in short, is there a way to do this sort of like how tables do it (conceptually.. I know we all hate tables) where I could set my RadMenu to 100% width, set the first 4-5 RadMenuItems on the left to a fixed width, then somehow declare a separator item or such that would automatically fill up whatever is left over by the left items and the two that I would add after it?

I feel like I am missing something very easy but for the life of me I can't figure this one out.
Aaron Abdis
Top achievements
Rank 1
 answered on 30 Jul 2014
1 answer
255 views
Hi everyone,

I've got Grid with filter columns and everything works fine except focus.
I lost focus after FilterDelay elapsed. I tried to set focus with
ItemCommand and PreRender but cursor appears at the beginning of
textbox, not at the end, like this demo. (Client side binding)

How can I fix that? Is it possible?

Regards,

Kurt
Konstantin Dikov
Telerik team
 answered on 30 Jul 2014
Narrow your results
Selected tags
Tags
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?