Telerik Forums
Kendo UI for jQuery Forum
8 answers
90 views

Hello.

Got this issue on an Android tablet with 1280x800 screen resolution.

List of titles:
"День", "Неделя", "Рабочая неделя", "Месяц", "Расписание", "Настройки"

 There is enough space for it to flow and on desktop useragent it happens as expected.

Iliana Dyankova
Telerik team
 answered on 13 Nov 2015
4 answers
291 views

Hi,

I have a problem setting correctly the treemap.

Everything works now, but I would like to change some tile aspect based on the tile properties (name, value).

This is my actual implementation:

("#treemap").kendoTreeMap({
dataSource: datasource,
autoBind: true,
valueField: "value",
textField: "name",
colorField: "color",
type: treemaptype,
itemCreated: function (e) {   

                            },
dataBound: function (e) {
// Total + Groups
if (e.node) {
var element = this.findByUid(e.node.uid);
element.css("background-color", e.node.color);
// to set back the original color
}
}
}).on("click", ".k-leaf, .k-treemap-title", function (e) {
var item = $("#treemap").data("kendoTreeMap").dataItem($(this).closest(".k-treemap-tile"));

alert(item.name)
});

I have understood that itemCreated event cannot be used, because data are not yet bound to the item, and we can only change some css property.

In ASP we can implement a Server-side procedure to do that.

What I can do in MVC ?

Thank you

Banca del Ceresio
Top achievements
Rank 1
 answered on 13 Nov 2015
2 answers
915 views

I want to take the JQuery kendo grid I have and its 3 filters, and make them cascading filters. I have Year, Make, Model filters, when a user filters the dataSource on Year, I want the only options in Make to be the available Make's after the Year filter is applied to the dataSource. Have this functionality work in any order. I have accomplished this by applying the same dataSource from the grid to each of the 3 columns filter.dataSource. However, this shows every year, every make, and every model that is available in the filter dropdown. see http://dojo.telerik.com/AyEca/2. The reason this is working to my understanding is that I am manipulating the dataSource when I apply a filter which is updating the column filter dataSource as well, giving me only filter options that exist in the current filtered dataSource of the grid.

 

However, my dataSource is 4,000 large, with multiple years, makes, and models. So the user would see somewhere around 500 2004 before they would see a 2005 filter option. This obviously for usability does not work as a final solution. What I have done is found this query which allows me to get the filtered dataSource.

 

What I want to do is grab the years, makes, and models out of each of those and create a array of data that is unique and sorted and apply that to their respected column filter datasource. Is this possible, how would I accomplish this? Also is there a another simpler way to create cascading filters that only have unique and sorted filter options. Here is my current code.

 

 

Georgi Krustev
Telerik team
 answered on 13 Nov 2015
4 answers
669 views

I have a keno grid which contains 3 columns 

ID, Description and Status where status is a dropdown list

I am using a custom editortemplate for the popup form 

The dropdown is populated using the ViewData 

 

When the row is added, I can see the selected value of the dropdown in the status column grid's view mode

 

How do I show the text as opposed to the view ?

 

I have tried using the example on http://demos.telerik.com/aspnet-mvc/grid/editing-custom 

but it does not seem to help. 

Boyan Dimitrov
Telerik team
 answered on 13 Nov 2015
1 answer
108 views

I tried putting color picker inside the window but the picker is behaving strangely and is hidden. Do we have a clean css to fix this problem?

 

Ivan Zhekov
Telerik team
 answered on 13 Nov 2015
4 answers
620 views

I have a dropdown with serverSideFiltering set to true. How can I set the HTML5 placeholder attribute on the filter input element?

 

I hack would be to set it using jquery with...

jQuery($0).attr('placeholder', '​some value')

 ...but I have multiple dropdowns in my page and therefore I have multiple elements matching

$('.k-list-filter>.k-textbox')

so I don't know which one belongs to a specific dropdown.

Sylvain
Top achievements
Rank 1
 answered on 12 Nov 2015
2 answers
107 views

hi, is it possible to instantiate a kendo gantt in mobile UI? If yes, any demo for that?

Thanks

 

Dimitar Terziev
Telerik team
 answered on 12 Nov 2015
1 answer
199 views

Hello,

I followed this example, to create new kendo window: http://demos.telerik.com/kendo-ui/window/index 

 The "example" div on the example has min-height 500. I my case, i dont want to have any space on parent (first) window.

I createed div like:

    <div id="modalDetail" style="display:none">
    </div>

 to bind kendo window.

 

When I open thw window, a white space i added (shown by red arrow on attached picture).

 

Is there any explanation, why this happen or how to stop it?

 

Thanks for any answer.

 

Magdalena
Telerik team
 answered on 12 Nov 2015
1 answer
193 views

Hi,

I am having problems getting the grid filter for a foreign key column working with autocomplete.

"columns": [
    {
        "title": "Datum",
        "field": "Datum",
     }, {
        "field": "ArtikelId",
        "values": stammdatenService.getData("Artikel"),
        "editor": stammdatenService.artikelEditor,
        "filterable": {
            "ui": function(element) {
                element.kendoAutoComplete({ datasource: stammdatenService.getData('Artikel') });
            }
        },
  
// 3. GRID FEATURES
"pageable": true,
"sortable": true,
"scrollable": true,
"filterable": {
    extra: false,
    operators: {
        string: {
            contains: "Beinhaltet",
             startswith: "Beginnt mit",
            doesnotcontain: "Beinhaltet nicht",
        },
        date: {
            eq: "Ist gleich",
            le: "Bis",
            ge: "Ab",
        },
    }
},
 

 The filter is ​only showing a standard dropdown with data from stammdatenService.getData("Artikel").

How can I get a foreign key column get working with autocomplete filter?

 

Thank you!

 

Boyan Dimitrov
Telerik team
 answered on 12 Nov 2015
1 answer
166 views

Hi there

I'm trying to use the offlineStorage key to cache lookup tables and bind to a dropdownlist and it doesn't seem to populate on the first load. Subsequent page loads use the offlineStorage key fine. Below is a snippet of the code I'm using. Would anyone have any ideas how I might proceed?

Thanks

Steven

<input type="text" id="Status" />
<script> 
    var statusDataSource = new kendo.data.DataSource({
        type: "odata",
        offlineStorage: "statusStorage",
        transport: {
            read: { url: "/FoodIncidentsModelService.svc/lkupStatus", dataType: "json", type: "get" }
        },
        serverSorting: true,
        sort: { field: "text", dir: "asc" },
        schema: {
            data: function (response) {
                var dataArray = null;
                if (response.d) {
                    dataArray = response.d.results;
                }
                else {
                    dataArray = response;
                }
                return dataArray;
            }
        }
    });
 
    if (localStorage.getItem("statusStorage") === null) {
        console.log("Retrieving from database");
        statusDataSource.fetch();
    }
 
    var locate = JSON.parse(localStorage.getItem("statusStorage"));
    console.log(locate);
    $("#Status").kendoDropDownList({
        dataTextField: "text",
        dataValueField: "value",
        dataSource: locate
    }).data("kendoDropDownList");
 

Rosen
Telerik team
 answered on 12 Nov 2015
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
Licensing
ScrollView
Switch
TextArea
BulletChart
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
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?