or
I am using telerik grid internal sorting functionality.
I have set following properties -
AllowNaturalSort="false"
radGrid.MasterTableView.AllowSorting = true;
Issue -
If I click on header text of column, data get sorted but if I try to click on image for sorting, sorting is not working only page get postbacks.
<telerik:GridNumericColumn DataField="HoursAmount" HeaderText="hrs." DataFormatString="{0:### ##0.0}" ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right" /><telerik:GridNumericColumn DataField="HoursAmount" HeaderText="hrs." DataFormatString="{0:### ##0.0}" ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right" DecimalDigits="2" />function checkSpelling(id) { var spell = $telerik.findSpell('<%= RadSpell1.ClientID %>'); spell.set_controlToCheck(id+"Iframe"); spell.startSpellCheck();}
<telerik:RadGrid runat="server" ID="rgOverzicht" Width="690px" PageSize="10" AllowPaging="true" AllowSorting="false" ClientSettings-Scrolling-AllowScroll="false" ClientSettings-Scrolling-UseStaticHeaders="true" AllowFilteringByColumn="false" AllowMultiRowSelection="false" EnableLinqExpressions="false"> <GroupingSettings CaseSensitive="false" /> <MasterTableView NoMasterRecordsText="Geen artikelen om te tonen." DataKeyNames="Artikel_Id" ClientDataKeyNames="Artikel_Id" TableLayout="Fixed"> <PagerStyle Mode="NextPrevAndNumeric" PagerTextFormat="<b>{4}</b> Pagina <b>{0}</b> van <b>{1}</b> | Item <b>{2}</b> t/m <b>{3}</b> van de <b>{5}</b>. " ShowPagerText="True" /> <Columns> <telerik:GridBoundColumn DataField="IndexNr" UniqueName="IndexNr" HeaderText="Index" HeaderStyle-Width="65px" /> <telerik:GridBoundColumn DataField="Omschrijving" UniqueName="Omschrijving" HeaderText="Omschrijving" /> <telerik:GridBoundColumn DataField="Afmeting" UniqueName="Afmeting" HeaderText="Afmeting" HeaderStyle-Width="65px" /> <telerik:GridBoundColumn DataField="Drukklasse" UniqueName="Drukklasse" HeaderText="Drukklasse" HeaderStyle-Width="65px" /> <telerik:GridBoundColumn DataField="Eenheidstarief" UniqueName="Eenheidstarief" HeaderText="Prijs (in €)" HeaderStyle-Width="75px" /> </Columns> <PagerStyle Mode="NumericPages" /> </MasterTableView> <ClientSettings EnableRowHoverStyle="true"> <DataBinding SelectMethod="GetDataAndCount" Location="~/CalculatieGrid.asmx" SortParameterType="Linq" FilterParameterType="Linq" > </DataBinding> <Selecting AllowRowSelect="True" /> </ClientSettings> </telerik:RadGrid>var data = RadGrid.GetBindingData(source, startRowIndex, maximumRows, sortExpression, filterExpression);result.Data = data.Data.ToList();result.Count = data.Count;return result;<script type="text/javascript"> $("#Search").click(function (e) { if ($('#txtFilterOmschrijving').val() != "" && $('#txtFilterOmschrijving').val() != $('#txtFilterOmschrijving').attr("defaultValue")) { filterExpression = new Telerik.Web.UI.GridFilterExpression(); filterExpression.set_fieldName("Omschrijving"); filterExpression.set_columnUniqueName("Omschrijving"); filterExpression.set_dataTypeName("System.String"); filterExpression.set_filterFunction(Telerik.Web.UI.GridFilterFunction.Contains); ItemIdentifier = $('#txtFilterOmschrijving').val(); filterExpression.set_fieldValue(ItemIdentifier); vFilterExpressions.add(filterExpression); } tableView.rebind(); tableViewPlan.rebind(); }); </script>
Hi,
We tried following css in the EditorCssFile but it is not working in the editor rendering.
1. Child selector (first descendant).
.rb-inner-small > div .rb-text-small strong{font-size:12px}
2. Pseudo class
div[class^="r-header-small"]{position: relative; width:207px; height:134px}
Is it supported in the editor or there is other way to do this?
Thanks.
