Telerik Forums
Kendo UI for jQuery Forum
7 answers
144 views

Hi all,

I've been trying to load my rangeSlider, numerictextfiled and comboBox with no success once using the templates.

I am using the data source just to enable and disable the correct widgets to be loaded in the correct tile width if else.

Widgets work all fine outside the templates and in the templates I am having all sorts of problems.

Please have a look at the example.

http://jsbin.com/cuduto/edit?html,js,output

I am sure there is a correct way of doing this but I could not find it. I've tried all that I could find from examples on line, still could not get as much as the combo box looking like a combobox with its data loading with the templates.

Any ideas please.

James
Top achievements
Rank 1
 answered on 21 Dec 2015
6 answers
536 views
Hello,

Is there any way to enable scroll bars feature for kendo diagram? 
I don't see any "scrollable" option in the API documentation. 
But I can see there are some hidden HTML elements in the output, clearly for scrolling purposes.
T. Tsonev
Telerik team
 answered on 21 Dec 2015
1 answer
69 views
I want to lock the changing-color function of editor under different conditions. 
For instance, when UserA logs in, the font color is black, UserB green, and UserC blue.
They cannot change the font color. And UserA is able to add new words to the phrases UserB typed previously (not changing but adding).

Please let me know how I can achieve this goal.

Thanks.

Dimiter Topalov
Telerik team
 answered on 21 Dec 2015
3 answers
328 views

I noticed that you can input "12:00 AM" into a datepicker without setting off an input validation error. If a data-role is specified as a "datepicker", shouldn't Kendo have some out of the box validation on time inputs?

 

Here is a Kendo demo that allows you to input time: http://demos.telerik.com/kendo-ui/validator/custom-validation

 

Thanks!

Konstantin Dikov
Telerik team
 answered on 21 Dec 2015
1 answer
145 views
Is it possible to change the default bubble size? For what I'm plotting I don't need the sizes to be different per bubble, but if I have a size field where all dataItems have the same value for the size field the result is bubbles that are quite large. Changing what that value is seems to have no effect. Is there a way to adjust this? For datasets with many markers this results in a really messy view.
Iliana Dyankova
Telerik team
 answered on 21 Dec 2015
1 answer
143 views
Can someone tell how to access that particular row of a Kendo Grid on right click using contextmenu option. I tried to give target as the Kendo grid class and inside the select functionality, i added grid.removeRow(e.target); (My requirement is to provide an option to remove a particular row.)
Boyan Dimitrov
Telerik team
 answered on 21 Dec 2015
1 answer
277 views
I'm trying to create a component located directly below the Gantt chart that will show a chart with bars indicating allocation in hours on resources assigned to the task. This chart must always be located directly under the gantt in order for the timescale to match. Initially everything looks ok, but if I move the splitter between the table and the gantt chart, then I need to automatically move the splitter between the allocation component and an empty div located to the left of it. As for now, I must move both splitters manually to align them right above each other. I need an event that fires when I move the gantt splitter, but the gantt component doesn't have this. Is there another way to solve this?
Bozhidar
Telerik team
 answered on 21 Dec 2015
6 answers
172 views

I tried writing Cided UI Tests with Visual Studio 2015 on this webpage: http://demos.telerik.com/aspnetajax/button/examples/radiosandcheckboxes/defaultcs.aspx

where it is supposed to click the checkbox, but I keep receiving an error as it doesn't recognize the kendo control. How am I able to select it without using the recording options? Here is the error:

Test Name: CodedUITestMethod1
Test FullName: CodedUITestProject_test.CodedUITest1.CodedUITestMethod1
Test Source: C:\Team Projects 2015\Demo\CodedUITestProject_test\CodedUITestProject_test\CodedUITest1.cs : line 28
Test Outcome: Failed
Test Duration: 0:01:46.516549
Result Message: 
Test method CodedUITestProject_test.CodedUITest1.CodedUITestMethod1 threw exception:
Microsoft.VisualStudio.TestTools.UITest.Extension.UITestControlNotFoundException: The playback failed to find the control with the given search properties. Additional Details:
TechnologyName:  'Web'
ControlType:  'CheckBox'
TagName:  'INPUT'
Id:  'RadButton6'
 Failed to find any control that matched the value RadButton6 for the search property Id. ---> System.Runtime.InteropServices.COMException: Error HRESULT E_FAIL has been returned from a call to a COM component.

 

Here is my code:

public void CodedUITestMethod1()
{
Playback.PlaybackSettings.SearchInMinimizedWindows = false;

string Home = "http://demos.telerik.com/aspnet-ajax/button/examples/radiosandcheckboxes/defaultcs.aspx";

BrowserWindow b = BrowserWindow.Launch(Home);
Playback.PlaybackSettings.DelayBetweenActions = 100000;
b.resizedWindow(1920, 1080); //function to make the window full screen
            
HtmlCheckBox cbBox = new HtmlCheckBox(b);

//I had used the ID from the Developer Options under F12 initially then changed it to RadButton6 but it doesn't work
cbBox.SearchProperties.Add(HtmlCheckBox.PropertyNames.Id, "RadButton6");

Mouse.Click(cbBox);

}

 

Joana
Telerik team
 answered on 21 Dec 2015
3 answers
510 views

How can i maintain persist state when i redirect to the corresponding pages

 

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" href="styles/kendo.common.min.css" />
    <link rel="stylesheet" href="styles/kendo.default.min.css" />
 
    <script src="js/jquery.min.js"></script>
    <script src="js/kendo.all.min.js"></script>
</head>
<body>
 
    <div id="example">
        <div class="demo-section k-content">
            <ul id="panelbar">
                <li><a href="page1.aspx"></a>Page1</li>
                <li><a href="page2.aspx"></a>Page2</li>
                <li><a href="page3.aspx"></a>Page3</li>
                <li>
                    Page Sub Level2
                    <ul>
                        <li><a href="page4.aspx"></a>Page4</li>
                        <li><a href="page5.aspx"></a>Page5</li>
                        <li><a href="page6.aspx"></a>Page6</li>
                        <li>
                            <ul>
                                <li><a href="page7.aspx"></a>Page7</li>
                                <li><a href="page8.aspx"></a>Page8</li>
                                <li><a href="page9.aspx"></a>Page9</li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="page10.aspx"></a>Page10</li>
                <li>
                    Page Sub Level22
                    <ul>
                        <li><a href="Page11.aspx"></a>Page11</li>
                        <li><a href="Page12.aspx"></a>Page12</li>
                        <li><a href="Page13.aspx"></a>Page13</li>                       
                    </ul>
                </li>
                <li><a href="Page14.aspx"></a>Page14</li>
            </ul>
        </div>
        <div class="box">
            <h4>Console log</h4>
            <div class="console"></div>
        </div>
    </div>
    <script>
        function onSelect(e) {
            kendoConsole.log("Select: " + $(e.item).find("> .k-link").text());
        }
 
        function onExpand(e) {
            kendoConsole.log("Expand: " + $(e.item).find("> .k-link").text());
        }
 
        function onCollapse(e) {
            kendoConsole.log("Collapse: " + $(e.item).find("> .k-link").text());
        }
 
        function onActivate(e) {
            kendoConsole.log("Activate: " + $(e.item).find("> .k-link").text());
        }
 
        function onContentLoad(e) {
            kendoConsole.log("Content loaded in <b>" + $(e.item).find("> .k-link").text() +
                             "</b> and starts with <b>" + $(e.contentElement).text().substr(0, 20) + "...</b>");
        }
 
        function onError(e) {
            kendoConsole.error("Loading failed with " + e.xhr.statusText + " " + e.xhr.status);
        }
 
        $("#panelbar").kendoPanelBar({
            expandMode: "single",
            select: onSelect,
            expand: onExpand,
            collapse: onCollapse,
            activate: onActivate,
            contentLoad: onContentLoad,
            error: onError,
            contentUrls: [, , , "../content/web/panelbar/ajax/ajaxContent1.html", "error.html"]
        });
    </script>
 
</body>
</html>

Dimiter Topalov
Telerik team
 answered on 21 Dec 2015
3 answers
933 views

Hi all, 

i have this chart i need to set a specific color for each line from the model, knowing  that the number of series vary depends on the filter.

can any body support!

@model IEnumerable<GraphModel>
@using Msh.Web.Models

<div class="row">
    <div class="chart-wrapper">
        @(Html.Kendo().Chart(Model)
        .Name("chartoccupancyrate")
        .Title(T("occupancyrate").ToString())
        .DataSource(dataSource => dataSource
            .Read(read => read.Action("_GetGlobaleGraphData", "Statistical").Data("additionalInfo"))
            .Group(group => group.Add(model => model.Symbol))
            .Sort(sort => sort.Add(model => model.Date).Ascending())
        )
        .Series(series =>
        {
            series.Line(model => model.OccupancyRate)
             .Name("#= group.value # ");
            //.Name("#= group.value # " + "(" + T("hotel") + ")");
        })
        .Legend(legend => legend
            .Position(ChartLegendPosition.Top)
        )
        .ValueAxis(axis => axis.Numeric()
         .MinorGridLines(minorGridLines => minorGridLines.Visible(true))
            .Labels(labels => labels
                .Format("{0:N0}%")
                .Skip(2)
                .Step(2)

            )
              .AxisCrossingValue(0)
              .Max(120)
        )
            .Tooltip(tooltip => tooltip
            .Visible(true)
            .Shared(true)
            .Format("%{0:N1}")
        )
        .CategoryAxis(axis => axis
            .Categories(model => model.Date)
              //.Labels(labels => labels.Format("dd-MMM-yyyy"))
            .Labels(labels => labels.Format("dd-MMM"))
            .Labels(labels => labels.Rotation(-90))
            .Crosshair(c => c.Visible(true))
        ).Zoomable(false)
        )
    </div>
</div>

<script>
            $(window).resize(function () {
                $("#chartoccupancyrate").data("kendoChart").resize();
            });

</script>

Iliana Dyankova
Telerik team
 answered on 21 Dec 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?