Telerik Forums
Kendo UI for jQuery Forum
5 answers
125 views
The ModalView open event handler is not firing as per the documentation below whether I call the open method $("#mvTest").data("kendoMobileModalView").open()  or use data-rel="modal" and href="#mvTest" attributes on a button widget.

http://docs.kendoui.com/api/mobile/modalview#events-open
Petyo
Telerik team
 answered on 06 Mar 2014
6 answers
2.9K+ views
Upon loading, the windows are there but hidden by default.

I thought I had it where a click of the button would toggle the window (hide/show), but it was only creating another instance.

What am I missing?

    <div class="k-widget k-tabstrip k-header">
        @* Window buttons. *@
        <table style="width:100%">
            <tr style="text-align:center">
                <td><button id="inProgressBtn" class="k-button">Work in Progress</button></td>
                <td><button id="agingBtn" class="k-button">Aging</button></td>
                <td><button id="recentBtn" class="k-button">Most Recent</button></td>
                <td><button id="miscBtn" class="k-button">Miscellaneous</button></td>
                <td><button id="allBtn" class="k-button">All Matters</button></td>
            </tr>
        </table>
    </div>
 
    @* Billable Work In Progress window. *@
    <div id="inProgressDiv">
        @(Html.Kendo.Window _
        .Name("inProgressCWindow") _
        .Title("Billable Work in Process") _
        .Content(Html.Partial("_InProgressStatus", Model).ToHtmlString()) _
        .Draggable _
        .Width(300) _
        .Visible(False) _
        .Actions(Function(actions) actions.Close)
       )
    </div>
 
    @* Aging window. *@
    <div id="agingDiv">
        @(Html.Kendo.Window _
        .Name("agingCWindow") _
        .Title("Accounts Receivable Aging") _
        .Content(Html.Partial("_AgingStatus", Model).ToHtmlString()) _
        .Draggable _
        .Width(300) _
        .Visible(True) _
        .Actions(Function(actions) actions.Close)
       )
    </div>
 
    @* Most recent window. *@
    <div id="recentDiv">
        @(Html.Kendo.Window _
        .Name("recentCWindow") _
        .Title("Most Recent") _
        .Content(Html.Partial("_RecentStatus", Model).ToHtmlString()) _
        .Draggable _
        .Width(400) _
        .Visible(False) _
        .Actions(Function(actions) actions.Close)
       )
    </div>
 
    @* Miscellaneous window. *@
    <div id="miscDiv">
        @(Html.Kendo.Window _
        .Name("miscCWindow") _
        .Title("Miscellaneous") _
        .Content(Html.Partial("_MiscClientStatus", Model).ToHtmlString()) _
        .Draggable _
        .Width(300) _
        .Visible(False) _
        .Actions(Function(actions) actions.Close)
       )
    </div>
 
    @* All window. *@
    <div id="allDiv">
        @(Html.Kendo.Window _
        .Name("allCWindow") _
        .Title("All Client") _
        .Content(Html.Partial("_AllClientStatus", Model).ToHtmlString()) _
        .Draggable _
        .Visible(False) _
        .Actions(Function(actions) actions.Close)
       )
    </div>
</div>
 
@* Scripts. *@
<script>
    //Window functions.
    $(document).ready(function () {
        //Windows.
        var inProgressCWindow = $("#inProgressCWindow");
        var agingCWindow = $("#agingCWindow");
        var recentCWindow = $("#recentCWindow");
        var miscCWindow = $("#miscCWindow");
        var allCWindow = $("#allCWindow");
        $("#inProgressBtn").click(function (e) {
            //Close windows.
            agingCWindow.data("kendoWindow").close();
            recentCWindow.data("kendoWindow").close();
            miscCWindow.data("kendoWindow").close();
            allCWindow.data("kendoWindow").close();
            //Toggle.
            if (inProgressCWindow.data("kendoWindow").element.is(":hidden")) {
                inProgressCWindow.data("kendoWindow").center();
                inProgressCWindow.data("kendoWindow").open();
            }
            else {
                inProgressCWindow.data("kendoWindow").close();
            };
        });
        //Open aging window.
        $("#agingBtn").click(function (e) {
            //Close windows.
            inProgressCWindow.data("kendoWindow").close();
            recentCWindow.data("kendoWindow").close();
            miscCWindow.data("kendoWindow").close();
            allCWindow.data("kendoWindow").close();
            //Toggle.
            if (agingCWindow.data("kendoWindow").element.is(":hidden")) {
                agingCWindow.data("kendoWindow").center();
                agingCWindow.data("kendoWindow").open();
            }
            else {
                agingCWindow.data("kendoWindow").close();
            };
        });
        //Open recent window.
        $("#recentBtn").click(function (e) {
            //Close windows.
            inProgressCWindow.data("kendoWindow").close();
            agingCWindow.data("kendoWindow").close();
            miscCWindow.data("kendoWindow").close();
            allCWindow.data("kendoWindow").close();
            //Toggle.
            if (recentCWindow.data("kendoWindow").element.is(":hidden")) {
                recentCWindow.data("kendoWindow").center();
                recentCWindow.data("kendoWindow").open();
            }
            else {
                recentCWindow.data("kendoWindow").close();
            };
        });
        //Open misc. window.
        $("#miscBtn").click(function (e) {
            //Close windows.
            inProgressCWindow.data("kendoWindow").close();
            agingCWindow.data("kendoWindow").close();
            recentCWindow.data("kendoWindow").close();
            allCWindow.data("kendoWindow").close();
            //Toggle.
            if (miscCWindow.data("kendoWindow").element.is(":hidden")) {
                miscCWindow.data("kendoWindow").center();
                miscCWindow.data("kendoWindow").open();
            }
            else {
                miscCWindow.data("kendoWindow").close();
            };
        });
        //Open all windows.
        $("#allBtn").click(function (e) {
            //Close windows.
            inProgressCWindow.data("kendoWindow").close();
            agingCWindow.data("kendoWindow").close();
            recentCWindow.data("kendoWindow").close();
            miscCWindow.data("kendoWindow").close();
            //Toggle.
            if (allCWindow.data("kendoWindow").element.is(":hidden")) {
                allCWindow.data("kendoWindow").center();
                allCWindow.data("kendoWindow").open();
            }
            else {
                allCWindow.data("kendoWindow").close();
            };
        });
    });
</script>

Dimo
Telerik team
 answered on 06 Mar 2014
5 answers
190 views
Hi,
I've noticed that when using markers on a GeoJSON map, when the mouse moves over a marker, a shapeMouseLeave event is fired for the country under the marker. This is then followed by a shapeMouseEnter event when the mouse moves away from the marker and back into the country shape.

Is there anyway of preventing these events from firing as a result of moving a mouse over a marker?

Best regards, Ian
T. Tsonev
Telerik team
 answered on 06 Mar 2014
15 answers
1.5K+ views
Hi;

I've read many different threads on the ability to handle the TreeView content. I am running into an issue that I cannont get working smoothly or not at all. I have a TreeView. This TreeView requires updating when I make an update to a DB. The loading of the TreeView works based on queries on the DB. My main problem is that after I make the DB update I need to request a reload of the current node. Updates are based on the selected TreeView node. I am performing operations like selectedDataItem.load(); but I cannot get the loading to work. It works if the current node has not been expanded. It will not work f the current node has already been expanded. It also does not work if the node had been expanded and no child nodes are present. I.E. after this point adding to the node also does nothing to the TreeView. I do know that the data items used for populating the TreeView are correct because if I restart my app and open the TreeView the items are loaded. What I would like to know is what is the correct way to dynamcially update the TreeView regardless of the TreeView state.

Peter
Paul
Top achievements
Rank 1
 answered on 06 Mar 2014
2 answers
1.1K+ views
When Telerik validator tooltips show on my grid and the text is longer than a certain length, the text is either cut off by the edge of the cell (IE9), or continues without wrapping (Firefox and Chrome).  In both cases, the yellow bubble of the validation tooltip does not contain the entire text.  This seems to be related to the grid; if I use the same error message on a control outside the grid the text wraps correctly and the entire text is within the tooltip bubble.  Examples are attached.  We are using Kendo ASP.Net MVC version 2013.3.1119.440.  Has this been fixed in a later version?  Does anyone have a workaround for this?

Thanks,
Brian
Brian
Top achievements
Rank 1
 answered on 06 Mar 2014
1 answer
117 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
158 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
75 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
117 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
238 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
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
MultiColumnComboBox
Dialog
Chat
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
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
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?