I've got a drop down list and when a particular item is selected I'd like to check a checkbox inside a radgrid. below is what I've figured out thus far but can't quite figure out how to check the checkbox.

<script type="text/javascript">
        function OnClientItemSelected(sender, eventArgs) {
            var item = eventArgs.get_item(); //target 3

            var grid = $find("<%= rgClientSites.ClientID %>");
            var masterTable = grid.get_masterTableView();
            var cell = masterTable.getCellByColumnUniqueName(masterTable.get_dataItems()[0], "2"); //2 is the item that contains the checkbox

            if (item.get_value() === "3") {
                //check it
                alert(cell.innerHTML); 
            }
            else {
                //uncheck it

            }

        }
</script>

Any help would be most appreciated.

Hello,

I have a page with a masterpage that has a set of Radmenu items, when i add a couple radgrids to the page and enable the AllowFilteringByColumn option, it causes the Radmenu to display incorrectly. Is there some way i can allow filtering without messing up the menu?

I'm using telerick UI for asp.net ajax version 2016.3.1027.45

I'm attaching a screenshot showing the difference.

Here is the code.

Thanks!

Master Page:

Grids.aspx

I have 3 levels of grouping in my radgrid and I need to display the sum of one of the detail levels at each group header level.  I have tried creating groups client side and server side with the same results.  The group header levels end up displaying and calculating sporadically on inner groups 2 and 3.  The top most group always displays correctly with the total hours.  Below is my code for the grid.  Any help or direction would be appreciated.

<t:RadGrid ID="rgPTOA" runat="server" GroupingEnabled="true"
OnNeedDataSource="rgPTOA_OnNeedDataSource" ShowGroupPanel="false"
OnItemCommand="rgPTOA_OnItemCommand" GroupingSettings-GroupByFieldsSeparator=" "
Visible="false"
GridLines="None"
ShowFooter="false"
HeaderStyle-Wrap="false"
ShowHeader="false" AutoGenerateColumns="false" OnPreRender="rgPTOA_PreRender"
>
<ClientSettings AllowGroupExpandCollapse="true">
</ClientSettings>
<GroupingSettings RetainGroupFootersVisibility="true" />
<MasterTableView ShowGroupFooter="true" EnableNoRecordsTemplate="true" ShowHeadersWhenNoRecords="false" DataKeyNames="EmpNameLine"
AutoGenerateColumns="false" Width="100%" TableLayout="Fixed" GroupLoadMode="Client"
>
<NoRecordsTemplate>NO RECORDS </NoRecordsTemplate>
<Columns>
<telerik:GridTemplateColumn>
<ItemTemplate>
<!-- Content Area -->
<!-- result 1-1-1-1 -->
<section>
<section class="large-border-bottom-grey">
<div class="magic-mobile-panels no-table">
<div class="row">
<!-- date requested -->
<div class="column small-12 large-expand">
<div class="mmpanel">
<header>
DATE REQUESTED
</header>
<div>
<asp:Label ID="Label7" runat="server" Text='<%# Eval("PTO_DATE", "{0:MM/dd/yyyy}") %>'> </asp:Label>
</div>
</div>
</div>
<!-- benefit type -->
<div class="column small-12 large-expand">
<div class="mmpanel">
<header>
BENEFIT TYPE
</header>
<div>
<asp:Label ID="Label1" runat="server" Text='<%# Eval("PAY_TYPE_CODE") %> '> </asp:Label>
</div>
</div>
</div>
<!-- labor status -->
<div class="column small-12 large-expand">
<div class="mmpanel">
<header>
LABOR STATUS
</header>
<div>
<asp:Label ID="Label2" runat="server" Text='<%# Eval("LaborStatus") %> '> </asp:Label>
</div>
</div>
</div>
<!-- dist. code -->
<div class="column small-12 large-expand show-for-large">
<div class="mmpanel">
<header>
DIST. CODE
</header>
<div>
<asp:Label ID="Label3" runat="server" Text='<%# Eval("PR_DIST_ID") %> '> </asp:Label>
</div>
</div>
</div>
<!-- start time -->
<div class="column small-12 large-expand">
<div class="mmpanel">
<header>
START TIME
</header>
<div>
<asp:Label ID="Label4" runat="server" Text='<%# Eval("PTO_Date","{0:hh:mm tt}")%> '> </asp:Label>
</div>
</div>
</div>
<!-- hours -->
<div class="column small-12 large-expand">
<div class="mmpanel">
<header>
HOURS
</header>
<div>
<asp:Label ID="Label5" runat="server" Text='<%# Eval("PTO_HOURS") %> '> </asp:Label>
</div>
</div>
</div>
<!-- review due date -->
<div class="column small-12 large-expand">
<div class="mmpanel">
<header>
REVIEW DUE DATE
</header>
<div>
<asp:Label ID="Label6" runat="server" Text='<%# Eval("PTO_APPROVE_DUE","{0:hh:mm tt}")%> '> </asp:Label>
</div>
</div>
</div>
<!-- approval status -->
<div class="column small-12 large-expand show-for-large">
<div class="mmpanel">
<header>
STATUS
</header>
<div>
<asp:Label ID="Label8" runat="server" Text='<%# Eval("PTOVerificationStatus") %> '> </asp:Label>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- desktop -->
<section class="show-for-large">
<div class="row column-center-divider">
<!-- comment -->
<div class="column">
<div class="panel-2">
<header>COMMENT</header>
<div class="font-size-smaller">
<asp:Label ID="Label9" runat="server" Text='<%# Eval("PTO_COMMENT") %> '> </asp:Label>
</div>
</div>
</div>
<!-- approval comment -->
<div class="column">
<div class="panel-2">
<header>APPROVAL COMMENT</header>
<div class="font-size-smaller">
<asp:Label ID="Label10" runat="server" Text='<%# Eval("PTO_REVIEW_COMM") %> '> </asp:Label>
</div>
</div>
</div>
</div>
</section>
<!-- /desktop -->
</section>
<!-- /result 1-1-1-1 -->
<!-- /RESULTS -->
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
<GroupByExpressions>
<%--First Grouping Header--%>
<t:GridGroupByExpression>
<GroupByFields>
<t:GridGroupByField FieldName="DeptID" />
</GroupByFields>
<SelectFields>
<t:GridGroupByField FieldName="DeptID" HeaderText=" " HeaderValueSeparator="" />
<t:GridGroupByField FieldName="PTO_HOURS" FieldAlias="A2" Aggregate="Sum" FormatString="{0:F2}" HeaderText=" &nbsp;&nbsp;&nbsp;Total Hours" />
</SelectFields>
</t:GridGroupByExpression>
<%--Second Grouping Header--%>
<t:GridGroupByExpression>
<GroupByFields>
<t:GridGroupByField
FieldName="EmpNameLine" />
</GroupByFields>
<SelectFields>
<t:GridGroupByField FieldName="EmpNameLine" HeaderText="Employee" />
<t:GridGroupByField FieldName="PTO_HOURS" FieldAlias="A3" Aggregate="Sum" FormatString="{0:F2}" HeaderText=" &nbsp;&nbsp;&nbsp;Total Hours" />
</SelectFields>
</t:GridGroupByExpression>
<%--Third Grouping Header--%>
<t:GridGroupByExpression>
<GroupByFields>
<t:GridGroupByField
FieldName="PAY_TYPE_CODE" />
</GroupByFields>
<SelectFields>
<t:GridGroupByField FieldName="PAY_TYPE_CODE" HeaderText="Pay Type" />
<t:GridGroupByField FieldName="PTO_HOURS" FieldAlias="A4" Aggregate="Sum" FormatString="{0:F2}" HeaderText=" &nbsp;&nbsp;&nbsp;Total Hours" />
</SelectFields>
</t:GridGroupByExpression>
</GroupByExpressions>
</MasterTableView>
</t:RadGrid>

We're using the RadDatePicker and the RadTimePicker in a new site that also uses Bootstrap. For both controls there is an odd effect on the hover state of the icon. Instead of just changing state the icon slides in. Is there a way to change that to a standard hover state where the icon swaps to the hover without the slide? 

thanks

Hello,

I am getting this issue when I am trying to hide/show panels containing upload control within an update panel.

Is this issue occurring due to hide/unhide the control. If so, please help with the resolution.

Thanks

Screenshot attached.

I have upload enabled and it is working fine.  However, on the upload dialog box, the checkbox for "Overwrite if file exists" is about 2 inches north of the text. 

I don't see an obvious  way where I can control this layout.  What would you suggest to get the checkbox near the checkbox label? I am running v2016.3.1018