Telerik Forums
Kendo UI for jQuery Forum
3 answers
260 views
I want to do what is shown here: http://demos.telerik.com/kendo-ui/grid/frozen-columns

But do it from table that already exists in the html.  The problem is that I never know how many columns or what will be in the table, just that I need the first column to be locked.  Is this possible?
Dimiter Madjarov
Telerik team
 answered on 10 Jul 2014
1 answer
196 views
Hello,

I integrated a treeview control with checkboxes and a button in my MVC view. If the button is clicked, all checked items should be processed.
However the array which should contain the id value is always null.

Hopefully somebody can give me an advise what I`am doing wrong :-)...

Partial View:
(Html.Kendo().TreeView()
    .Name("Treeview")
    .DataTextField("WebName")
    .Checkboxes(checkBox => checkBox
        .CheckChildren(true)
        .Enabled(true)
        .Name("checkedItems[]")
    )
    .DataSource(dataSource => dataSource
        .Model(model => model
            .Id("WebUrl")
            .HasChildren("HasChildren")
        )
        .Read(read => read
            .Action("WebsRead", "Home")
        )
    )
)

Home:
public ActionResult FillGrid(string[] checkedItems)
        {
            //Do something
 
            return View();
        }

Alex Gyoshev
Telerik team
 answered on 10 Jul 2014
3 answers
178 views
In KendoUI 2013.3.1119 the rendering of windows where the content contained <p> tags worked fine. After an upgrade to version 2014.1.416 the window content area is rendered such that at the bottom of the window it overlaps the window border and shadow if there is <p> tag in the window content. See attached screenshot.

Tested in Google Chrome 32.0.1700.107 m. The problem also occurs in IE 11.
jQuery 1.11.0

Code to reproduce problem:

$('<div id=\'window\'></div>').appendTo($(document.body)).kendoWindow({
title : 'Window Title',
width : 300,
height : 300,
modal : true,
content : {
template : '<p>Test</p>'
},
});

Any assistance would be appreciated.

Regards,

Andrew
Dimiter Madjarov
Telerik team
 answered on 10 Jul 2014
1 answer
115 views
I'm using a Mobile ListView with endless scrolling. It seems there is no "Loading" icon when the ListView loads the first time (first batch of items). It gives the feeling the ListView is freezed / stuck.
I checked your example http://demos.telerik.com/kendo-ui/m/index#mobile-listview/endless-scrolling
and it behaves the same, using Fiddler and simulating modem speeds. There is a loading popup, but that's from the Mobile View...
Is there a way to have a "Loading" icon for the ListView (when it first loads)?

Petyo
Telerik team
 answered on 10 Jul 2014
1 answer
347 views
I am using Kendo Multiselect Textbox and I have applied
search attribute with my filter textbox in binding. It works only once or two
times after that it again reloads all values whereas filter textbox still has
value. But filter is working only once. I have attached two images with state 1
when I have types first time something into filter textbox and it has displayed
filtered items. But when I have again clicked on multi select textbox its
showing state 2 which is mixed data whereas in filter textbox still we have
data. Also I have attached image for HTML code.

 

Please provide me the solution for this issue.  My requirement is to maintain the filtered
data till I have value in filtered textbox.
Georgi Krustev
Telerik team
 answered on 10 Jul 2014
4 answers
187 views
Can i place it in the top center instead of the center of the browser? Or can i specify the x, y coordinates to position the modal view?
Mark
Top achievements
Rank 1
 answered on 09 Jul 2014
7 answers
186 views
Hi,

I was following the advice in this thread:
http://www.telerik.com/forums/marker-colour

Our use case is that we would like to use an SVG to represent a vehicle on the map, and using an SVG would allow us to rotate the truck depending on its current GPS heading. 

I was just wondering if the markers support the use of an SVG instead of a PNG? Following the thread above, I was able to use an SVG but it doesn't look quite right with the kendo way of displaying markers. At a certain pixel size, it edges get cut off.

Thanks in advance!

Andre
Hristo Germanov
Telerik team
 answered on 09 Jul 2014
1 answer
263 views
I have a couple of Kendo templates in my .aspx page. The entire page is created with just templates, with some of those templates being nested. The first template creates the <ul> and <li> tags for a Kendo tabstrip. The following template creates the content of the first tab. This template has a nested template that in turn that template has two other templates nested. The problem I am having is with refreshing the content of the first tab every 30 seconds. I tried using setInterval but I doesn't pull up any more information. The first tab only displays a few tables that should be refreshed with the given interval. I need to get this done since the content of the other tabs will sort of depend on getting this one done. Here are the templates I am using. 

<script id="divTabTemplate" type="text/x-kendo-template">
        <div id="firstTab">
        <%--Call the template that will render the info for the first tab--%>
        #= kendo.render(kendo.template($("\\#firstTabTemplate").html()), [(firstTableHeaders, secondTableHeaders)]) #
        </div>

        # for (var j = 2; j <= 8; ++j) { #
            <div id="#= j #Tab">
                <p>This is the information for tab\# #= j #.</p>
            </div>
        # } #
    </script>

<script id="firstTabTemplate" type="text/x-kendo-template">
        # for (var x = 1; x <= 7; ++x) { #
            <div class="boxes">
            <h4>Box #= x #</h4>
            <div id="box#= x #Section" class="boxSection">
                <%--Call a function here--%>
                # makeTables(x) #
                #= kendo.render(kendo.template($("\\#firstTableTemplate").html()), [(firstTableHeaders, firstTableData)]) #
                #= kendo.render(kendo.template($("\\#secondTableTemplate").html()), [(secondTableHeaders, secondTableData)]) #
            </div>
            </div>
        # } #
    </script>

<script id="firstTableTemplate" type="text/x-kendo-template">
        <div class="tableWrappers firstTableWrappers">
        # if(firstTableData[0] != "false") { #
            <b>First Table:</b> #= firstTableData[0] #
            <table class="firstTables">
            # for(var i = 0; i < (firstTableData.length / 4); ++i) { #
                <tr>
                # for(var j = 0; j < firstTableHeaders.length; ++j) { #
                    # if(i === 0) { #
                        <th>#= firstTableHeaders[j] #</th>
                    # }else if(i !== 0) { #
                        <td>#= firstTableData[(i * 4) + j - 3] #</td>
                    # } #
                # } #
                </tr>
            # } #
            </table>
        # }else if(firstTableData[0] == "false") { #
            <b>First Table:</b> No information to display
        # } #
        </div>
    </script>


The template for the second table is similar to the template of the first table. The information for the tables gets pulled from a database. The function makeTables uses the current index to pull up information. This function calls a WebMethod on codebehind to pull up the necessary information. The makeTables function uses ajax to call those codebehind methods. 

Just to reiterate my problem, I need to refresh the content of the first tab every 30 seconds. I could use a <meta> tag but that will refresh the entire page and go back to the default tab, which is not an ideal solution. Any ideas?
Petyo
Telerik team
 answered on 09 Jul 2014
2 answers
241 views
Hi Guys,

Am I doing something wrong (i must be of course) because I can't seem to get a simple create button to work from my kendo grid toolbar.
I want a row to be added to the grid when the create button is clicked from the toolbar, everything in the demos suggests this should work unless I've missed some vitally important detail ...

01.    <script>
02.        $(function () {
03. 
04.            var window = $("#queryBuilder");
05.           
06.            window.kendoWindow({
07.                width: "600px",
08.                modal: true,
09.                resizable: false,
10.                draggable: false,
11.                title: "New Query Builder",
12.                actions: ["Close"]
13.            });
14. 
15.            //window.data("kendoWindow").close();
16.            window.data("kendoWindow").center().open();
17. 
18.            var queryModel = kendo.observable({
19.                rules: new kendo.data.DataSource({
20.                    schema: {
21.                        model: {
22.                            id: "id",
23.                            fields: {
24.                                IncludeExclude: { type: "boolean" },
25.                                FieldName: { field: "FieldName", type: "string" },
26.                                Condition: { field: "Condition", type: "string" },
27.                                Value: { field: "Value", type: "string" }
28.                            }
29.                        }
30.                    },
31.                    create: function (options) {
32.                        this.rules.push(new { IncludeExclude: true, FieldName: "SubmissionId", Condition: "=", Value: "0" });
33.                    },
34.                    destroy: function (options) {
35.                        //this.rules.pop();
36.                    }
37.                })
38.            });
39. 
40.            $('#rules').kendoGrid({
41.                dataSource: queryModel,
42.                scrollable: true,
43.                toolbar: ['create'],
44.                columns: [
45.                    { field: ' includeExclude', title: 'Include Exclude' },
46.                    { field: 'FieldName', title: 'Field Name' },
47.                    { field: 'Condition', title: 'Condition' },
48.                    { field: 'Value', title: 'Value' },
49.                    { command: ['destroy'], title: '' }
50.                ]
51.            });
52. 
53.            var includeExclude = new kendo.data.DataSource({
54.                items: [
55.                    { text: "I want Submissions where", value: true },
56.                    { text: "I dont want Submissions where", value: false }
57.                ]
58.            });
59. 
60.        });
61.    </script>
62.}
63. 
64.<div id="queryBuilder" style="display: none;">
65.     
66.    <div id="rules"></div>
67. 
68.    <hr style="margin-bottom: 5px;" />
69.    <button class="k-button" style="float: right">Create New Submission Query</button>
70.</div>
Dimiter Madjarov
Telerik team
 answered on 09 Jul 2014
1 answer
91 views
In an application I'm developing, i need to use the same space to display information from different sources with different formats in a grid according to what item was selected on a TreeView.

i found two ways to achieve this: 
1. find the grid then destroy and recreate it.
2. find the grid then change datasoruce/options/

I'm very new to Kendo, so i'm not sure which approach would be wiser. 

any advice?
Alexander Valchev
Telerik team
 answered on 09 Jul 2014
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?