Telerik Forums
Kendo UI for jQuery Forum
1 answer
125 views
How do I add a custom editor to the scheduler when using MVVM? I also can't get many of the data attributes to work such as data-start-time. Thanks.
Alexander Popov
Telerik team
 answered on 06 Mar 2014
3 answers
164 views
I wanted to see if anyone has opinions on printing content from a splitter. The way I see it there are two paths.

  1. A complicated print stylesheet
  2. Some JS to copy the desired visible content to another area of the page combined with a simple print stylesheet to hide all of the splitter and leave the newly copied content visible.
The only caveat I see with #2 is I won't be able to capture the end of a print event so these new elements will continue to exist in the DOM. The upside is that my screen stylesheet can just ignore that container.

Has anyone else printed content from a splitter? How did you deal with it? Are there better alternatives I might be overlooking?
Dimo
Telerik team
 answered on 06 Mar 2014
1 answer
83 views
hello to all

               i would like to ask on how to add controls from kendo UI to VS2012.. i downloaded the trail version of kendo..i would like to test it on my MVC web apps can anybody help me about this or step by step on it..


thanks
Sebastian
Telerik team
 answered on 06 Mar 2014
3 answers
120 views
Hello,

When updating an item in a series, the scheduler first calls Create, with the new item, then Update to add the recurrenceexception. In my case, I have some servervalidation to check if recurrences are overlapping, and that check fails since the old post hasn't been updated.

Is there any way to control this order? Is it stupid to do it in the source?

Regards,
Pär Sandgren
Georgi Krustev
Telerik team
 answered on 06 Mar 2014
3 answers
241 views
Hello,

We have a mobile app that uses a list view with data-style is inset and data-type is group. The app is also used with IE on Windows as well. Right now the KendoUI version is 2013 Q3.

When we use the list view in IE 11, the background color for each group caption is grey. A sample html is below and the image is attached:

<!DOCTYPE html>
<html>
<head>
    <title>Basic usage</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" >
    <script src="../../../js/jquery.min.js"></script>
    <script src="../../../js/kendo.mobile.min.js"></script>
    <script src="../../content/shared/js/console.js"></script>
    <link href="../../../styles/kendo.mobile.all.min.css" rel="stylesheet" />
    <style>
        [href*=index], #back-button
        {
            visibility: hidden;
        }
    </style>
</head>
<body>
    <div data-role="view" data-title="Destinations" id="listview-home">
    <ul data-role="listview" data-style="inset" data-type="group" style="background-color: #8e8;" >
        <li>Africa
            <ul>
                <li data-icon="toprated"><a>Nairobi</a></li>
            </ul>
        </li>
        <li>
            America
            <ul>
                <li data-icon="globe"><a>Bostonaa</a></li>
                <li data-icon="globe"><a>Ottawa</a></li>
                <li data-icon="toprated"><a>San Francisco</a></li>
            </ul>
        </li>
        <li>
            Asia
            <ul>
                <li data-icon="globe"><a>Bombay</a></li>
            </ul>
        </li>
        <li>
            Australia
            <ul>
                <li data-icon="globe"><a>Melbourne</a></li>
                <li data-icon="toprated"><a>Sydney</a></li>
            </ul>
        </li>
        <li>
            Europe
            <ul>
                <li data-icon="globe"><a>Cannes</a></li>
                <li data-icon="globe"><a>Liverpool</a></li>
                <li data-icon="toprated"><a>London</a></li>
            </ul>
        </li>
    </ul>
</div><style></style>
    <script>
        window.kendoMobileApplication = new kendo.mobile.Application(document.body);
    </script>
</body>
</html>

As you see the background color for captions for "Africa", "America", "Asia" are grey and I tried change the style but am unable to set so far.

Is there any way to change this?

Thanks!
Kiril Nikolov
Telerik team
 answered on 06 Mar 2014
1 answer
116 views
Here's my problem...

The dropdown list is build on the serverside, then just created with a data-role on the client.

The idea in the UI is the user can pick something from the dropdown, it's ID is saved to "schedule.id"...and on another screen the "Text" value should appear as "schedule.locationname".

So if the dropdown value is set to schedule.id, how does\can the text value get updated as well?
Alexander Popov
Telerik team
 answered on 06 Mar 2014
5 answers
412 views
I am running drawer as the example on

http://demos.telerik.com/kendo-ui/mobile/drawer/index.html

So in my div with data-role="drawer", I have a <li> per list item I want to navigate to with difference data-icons (as in the example).

Inside those li:s, I am using <a> tags which where href="#idToView", like this:

<li data-icon="home"><a href="#home" data-transition="none">Home</a></li>


When I click the list item in the drawer, I am automatically navigated to the view with the id home and the drawer is closed.

What I want is to run a script instead that does those two things.
The reason is that I need to detach some element  I have appended myself in the drawer header before navigating so that kendo does not clone the header while my element is still inside it.

I have tried constructions like:

<li data-icon="home"><a href="javascript:navigate_to_view()" data-transition="none">Home</a></li>

but that will only result in an error message in the error console:
Error: Syntax error, unrecognized expression: unsupported pseudo: navigate_to_view

How do I run that script?
Kiril Nikolov
Telerik team
 answered on 06 Mar 2014
2 answers
150 views
In the demo at

http://demos.telerik.com/kendo-ui/web/panelbar/index.html

the headers "My teammates", "Projects" etc are getting a border/shadow/something of darker blue when they are clicked on as some feedback of which header the user clicked on the last time.

In my project, I am trying to remove that style.
I have styled the headers green and the shadow border thing is red. That red color is not my choice, but the default one.

It really becomes a really ugly border. Not nice looking as in the example.

When I try to find the css rule that adds the border, it will dissapear, even if I do not interact with the document.
I only change node in firebug or in the development console of chrome, the border goes away.

How do I get rid of it?
100%
Top achievements
Rank 1
 answered on 06 Mar 2014
1 answer
577 views
Hi everyone,
this my scenario:

I have a Kendo UI Window like this: 

@(Html.Kendo().Window()
    .Name("modalWindow")
    .Modal(true)
    .Draggable(true)
    .Visible(false)
    .Events(ev=>ev.Close("updateDropDownDs"))
    )

I open this Window with content loaded from partial View with this code:

    function showModalGrid(tableType, tableController, memberName) {

        var modWin = $("#modalWindow").data("kendoWindow");
        $("#modalWindow").kendoWindow(
        {
            content: {
                url: "/TableEditing/GenericGrid",
                data: {
                    tableType: tableType,
                    tableController: tableController,
                }
            },
            modal:true,
        });

        modWin.center();
        modWin.open();
}


By the CLOSE event Window call this Method:

    function updateDropDownDs() {

        var targetCombo;
       
        targetCombo= $("#target").data("kendoDropDownList");

        targetCombo.dataSource.read();

    }


On first time everything work fine, CLOSE event don't fire.
With debug in chrome i've seen after exiting from updateDropDownDs method I have this error:
http://localhost:58647/Scripts/kendo/src/js/kendo.colorpicker.js 404 (Not Found)
I don't understand why I have this error. I don't have any colorpicker in my solution.
Someone can help me?
Thanks.




Daniel
Telerik team
 answered on 06 Mar 2014
1 answer
101 views
Hello,

I would like to use canvas rendering for a line chart. Additionally, the chart is supposed to show a crosshair.

The following code shows a sample script:

<div id="chart"></div>
<script type="text/javascript">
    $("#chart").kendoChart({
        renderAs: "canvas",
        categoryAxis: {
            categories: ["2012", "2013", "2014"],
            crosshair: {
                color: "#FF0000",
                width: 2,
                visible: true,
                    tooltip: {
                        background: "#F5F5DC",
                        border: {
                            color: "#000000",
                            width: 1
                        },
                        visible: true
                }
            }
        },
        series: [{
            type: "line",
            data: [1, 2, 3]
        }]
    });       
</script>

Unfortunately, the observer only sees the tooltip. Is it possible to avoid this problem?​
Iliana Dyankova
Telerik team
 answered on 06 Mar 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
ScrollView
Switch
BulletChart
Licensing
QRCode
ResponsivePanel
TextArea
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
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
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
+? more
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?