HI,

I am using the RadComboBox with checkbox everything is working fine, but I have a issue in displaying  Rad combo box option text .

RadComboBox with checkbox how to use CSS to adjust left side margin so that for large text option and with nowrap=false.

Please see attached image.

I want to know how to align the warped text after checkbox and how to reduce the space between checkbox and the text.

Thanks .
Shirish.

You guys ought to create .hide(), .show(), etc, or similar methods on your client-side GridColumn object. In that way, users will be able to get a reference to a particular column by UniqueName using the tableView method getColumnByUniqueName and perform actions, like hiding. As it stands, in order to hide a column, one must use the hideColumn method of the TableView object and this expects an index argument. Referencing grid column indexes leads to really fragile code since grid columns can be inserted/removed all the time and one might not think to look at some obscure javascript that depends on the order of columns.

You could also add a get_index() method to the GridColumn which would facilitate obtaining the index without hard-coding it.

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