Telerik Forums
Kendo UI for jQuery Forum
1 answer
1.9K+ views

I have a filter in my kendo grid, and I found a way to change the width on the filter, and how to remove the clear button from inside the filter, however now that I have changed the width of my filter, the second clear button (the one on the outside of the filter) is still at the extreme right of the filter and hasn't moved with the new width of the filter.

One of two things that I need to do and can't figure out is

1) Either completely remove that clear button and use the one on the inside of the filter

2) Move the clear button so its beside the filter

if anyone has any idea on how to do either of these then it would be appreciated

I provided a screen shot showing how I changed the width of the filter and you can see that the close button is way over yonder on the right, the code for my grid is below 

$("#grid").kendoGrid({
    columns: [
        {
            field: "name",
            filterable: {
                cell: {
                    showOperators: false,
                    operator: "contains",
                    inputWidth: "50%"
                }
            }
        },
        { field: "age", filterable: false }],
    filterable: { mode: "row" },
    dataSource: [{ name: "Jane", age: 30 }, { name: "John", age: 33 }],
    dataBound: function(e){
    this.element.find(".k-filtercell .k-autocomplete .k-clear-value").remove();
    }
});

 

and I also created a a working grid in the dojo and here is that link here

Preslav
Telerik team
 answered on 02 Oct 2017
2 answers
1.8K+ views

Hello there,

Just a question, is it possible to have server side data (using a web service) but client side sorting? (if so...how?)

I currently have a Kendo Grid bound to a remote data source and even if I set the serverSorting to false it still goes to the server to retrieve the page data and then sort it.

On this application the grid displays one page of data at a time, so sorting should run on the client side with the page data it's got already, no need to hit the server again...right?

Here is my current grid configuration:

$("#contractorsGrid").kendoGrid({
dataSource: {
transport: { read: "/Contractors" },
pageSize: 10,
serverPaging: true,
serverFiltering: true,
serverSorting: false,
schema: { total: "total", data: "data" }
},
height: 550,
scrollable: true,
sortable: true,
serverSorting: false,
pageable: {
input: true,
numeric: false
},
filterable: false,
columns: [
{ command: { click: this.editContractor, name: "modify", text: "Edit" }, width: "80px" },
{ field: "id", title: "ID", width: "80px" },
{ field: "name", title: "Contractor" },
{ field: "contactname", title: "Contact" },
{ field: "contactphone", title: "Phone" },
{ field: "supervisorname", title: "Supervisor" },
{ field: "supervisorphone", title: "Sup. Phone" }
]
});

 

Thanks for any help!

Anton
Top achievements
Rank 1
 answered on 02 Oct 2017
3 answers
445 views

Hello

I'm using OData as a backend service and of course I use server sorting, paging and filtering in my data source config, but server groupping is not supported, so I can't use it. The problem happens when I use sorting + grouping. Results are not sorted inside of the group. 

How can this be fixed?

Thanks

Anton
Top achievements
Rank 1
 answered on 02 Oct 2017
3 answers
792 views

I'm trying to get a basic Kendo Menu to display the child elements horizontally instead of as a dropdown, to keep the items on one single line below the menu. As of yet, I've not found any method built into the Menu to accomplish this.

Attempting to manipulate the menu via CSS has not worked either. In theory, I should be able to change the "display: block" to "display: inline"; when I do this, however, the style on load comes out as "display: none". This is the case whether done server-side while building the menu, or client-side with jquery.

The functionality I'm looking for shouldn't be too difficult to accomplish. Here's a basic example: Horizontal Dropdown

Magdalena
Telerik team
 answered on 29 Sep 2017
4 answers
240 views
Hi, Is there any method to convert pixel values to the chart scale values ? Or is there any way to have access to manipulate the chart axes?
Stefan
Telerik team
 answered on 29 Sep 2017
1 answer
939 views

I have a question, well it could be the form of two, but either answer would be great...

I have a kendo grid with a column filter with a text box, with a contains operator and all other operators as false. I have a couple issues with the filter, if you take a look at the image below

You can see that the 2nd clear filter button is all the way over to the right, how do I remove that button or at the very least bring it over to the filter textbox? I know I can remove the inner clear button using 

this.element.find(".k-filtercell .k-autocomplete .k-clear-value").remove();     
Stefan
Telerik team
 answered on 29 Sep 2017
1 answer
782 views

I am trying to use mvvm binding within a template that is applied to a kendo list view.  Template variables are working but the data-bind attributes are not.  Is this supported?  

<div id="list"></div>
 
<script id="template" type="text/x-kendo-template">
    <div>
    <button data-bind="visible:  alreadyAttending, click: onClick">
        Your id is ${ID}
    </button>
  </div>
</script>
 
var data = [];
data[0] = { alreadyAttending:  true, ID:  1, onClick:  function() { alert("Click 1"); }};
data[1] = { alreadyAttending:  false, ID:  2, onClick:  function() { alert("Click 2"); }};
 
 $("#list").kendoListView({
   dataSource: data,
   template: kendo.template($("#template").html())
 });

 

Fiddle

Tsvetina
Telerik team
 answered on 29 Sep 2017
1 answer
153 views

Hello guys,

    We faced with weird export to pdf behavior for our endless grids with allPages enabled. Here is the dojo: http://dojo.telerik.com/iGigO . Try to click on "EXPORT TO PDF"  and save pdf file. Pdf includes loading image, which spends a lot of grid space. For now, we fixed it on our end by hiding loading block (.k-loading-mask) on exporting, but it would be great to fix it inside core. Thanks.

Pavlina
Telerik team
 answered on 29 Sep 2017
1 answer
126 views

Hello!

I want to be able to change the value in a columns by calling this function MappingBoolToText.
If the passed argument is true I return "Ja" else return "Nej"

Function MappingBoolToText(value)
{
  return value ? 'Ja' : 'Nej';
}

I have tried to call this function from here

 

$("#grid").kendoGrid(
                    {
                        dataSource: this.datasource,
                        height: 550,
                        sortable: true,
                        columns: [
                            {
                                field: "Name",
                                title: "Namn"
                            },
                            {
                                field: "EmployeeNr",
                                title: "AD"
                            },
                            {
                                field: "RequireR1",
                                title: "Krav R1"
                            },
                            {
                                field: "RequireR2",
                                title: "Krav R2"
                            },
                            {
                                field: "SalaryR1",
                                title: "Lön R1"
                            },
                            {
                                field: "SalaryR2",
                                title: "Lön R2"
                            },
                            {
                                field: "IsGroupAdmin",
                                title: "Koncernadmin",

      fomat: MappingBoolToText(value)
                            },
                            {
                                field: "IsCompanyAdmin",
                                title: "Bolagadmin",
                                fomat: MappingBoolToText(value)
                            }
                        ]                                       
                    });   

Georgi
Telerik team
 answered on 29 Sep 2017
5 answers
575 views

Not sure if this is a bug or my bad configuration:

http://dojo.telerik.com/uTAHe

I have set up a recurring event that crosses the Australia/Sydney daylight savings time.

I think I have set the scheduler and data source to view events in UTC, but the event does not display back an hour. When I change the data source to use Sydney's time the event display is correct. 

Is there something that I have missed or have incorrectly configured in my example?

Scott
Top achievements
Rank 1
 answered on 29 Sep 2017
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
ScrollView
Switch
TextArea
BulletChart
Licensing
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
ContextMenu
TimePicker
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SegmentedControl
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?