Telerik Forums
Kendo UI for jQuery Forum
1 answer
106 views
I have the following code.  In the model is a property called IsAuthenticated.  After the ajax refresh, I need to check this property, and if true, then close the Window.  What is the best way to do this?

 

@using (Ajax.BeginForm("Login", "Account", new AjaxOptions { InsertionMode = InsertionMode.Replace, UpdateTargetId = "loginSection", }))
        {
            @Html.Partial("_LoginInfoPartial", Model)
            <input} type="submit" value="Log in" />
            <button type="button"  id="close_button" onclick="cancelLogin()" >Cancel</button>
             
            <script>
                function cancelLogin()
                {
                    var window = $("#loginWindow").data("kendoWindow");
                    window.close();
                }
            </script>
         }

 

 

 

 

Greg Gum
Top achievements
Rank 1
 answered on 13 Dec 2013
2 answers
182 views
I have started using Zurb Foundation (only the CSS) as a grid layout for Kendo projects.

Works fine so far, but I am having a problem with kendo windows. 

I am not getting small-offset or small-centered to work.

I suspect the pop-up window is smaller than that the media queries say the size of the outer window, so it is not working. Is that correct? 

I,e, I don't want to waste time using Zurb in pop up windows if it is not even been considered from a design viewpoint.

Dr.YSG
Top achievements
Rank 2
 answered on 13 Dec 2013
3 answers
338 views
Hi Kendo Team:
What's the solution you give for kendo ComboBox with remote dataSources that return thousands of rows? Paging? Virtual Scrolling?
The demos only show comboBoxes with just a few records. Could you provide any sample, please?

Kind regards,
Oscar.
Kiril Nikolov
Telerik team
 answered on 13 Dec 2013
1 answer
1.2K+ views
So I have a graph with multiple series.

.Series(series => {
     series.Line(model => model.SentFiles).Name("Sent");
     series.Line(model => model.ReceivedFiles).Name("Received");
     series.Column(model => model.SentFiles).Name("Sent Data");
     series.Column(model => model.ReceivedFiles).Name("Received Data");
     series.Area(model => model.ReceivedFiles).Name("Received Data").Labels(false);
     series.Area(model => model.SentFiles).Name("Sent Data").Labels(false);
})

because I want my users to be able to show and hide multiple different types of data in 1 graph

I have worked out how to hide series

for (var i = 0, length = series.length; i < length; i++) {
     series[i].stack = stack;
     series[i].visible = (types.indexOf(series[i].type) != -1);
};

however the legend for the series just "grays out".

I want to be able to show and hide the legend as I show and hide the series.

can you please advise how I can achieve this.

Thanks

*** EDIT  ***

Ok so my initial problem was hiding the legends dynamically, this has been solved.
However, I now have the issue of setting the initial setup of the series and legends...

So I can do the following

.Series(series =>
{
     series.Line(model => model.SentFiles).Name("Sent");
     series.Line(model => model.ReceivedFiles).Name("Received");
     series.Column(model => model.SentFiles).Name("Sent Data").Visible(false);
     series.Column(model => model.ReceivedFiles).Name("Received Data").Visible(false);
     series.Area(model => model.ReceivedFiles).Name("Received Data").Visible(false);
     series.Area(model => model.SentFiles).Name("Sent Data").Visible(false);
})

which will hide the series, but the legends for those are viewable ("grayed out"). I want a way to initially hide the legends.

I would prefer not having to call a js method on Document.Ready to then hide series

I would have thought if this functionality is available through the JS api that this should be a configurable setting.

Thanks in advance
Luke
Top achievements
Rank 1
 answered on 13 Dec 2013
5 answers
197 views
Hi,

I am relatively new to web development, so please allow me a maybe stupid question. I searched here and with google, but did not come closer to the answer...

Kendo says it is a HTML5 framework. Ok, fine. Now, I did an application with Kendo, and it runs in old browsers, too. So, somehow it cannot really be HTML5. I am just confused: Is there some kind of migration in the background? Or how can you say Kendo is HTML5, when it actually all I get (and all I want) is HTML4?

Thanks!
Vladimir Iliev
Telerik team
 answered on 13 Dec 2013
1 answer
144 views
Hi,
Please refer to the foloowing HTML snippet. I have added the kendo and jquery references properly.
When I remove the percentage values the validator function works properly. But when it is set to percentage it will not work Please help. Thanks in advance
Regards,
Vijay


   <div style="width: 90%; height: 8%; float: left;">
<label id="lblUserName" class="LoginLabel required" for="UserName">
Username:
</label>
</div>
<div style="width: 90%; height: 16%; float: left;">
<input id="txtUserName" type="text" maxlength="100" class="LoginTextBox" 
name="UserName"   placeholder="UserName" required validationmessage="Please enter {0}" />
</div>
Kiril Nikolov
Telerik team
 answered on 13 Dec 2013
1 answer
108 views
Similar to your demo I want to have a keno mobile app inside a iframe and when a page loads I don't want the page to jump to the top of the app when I supply an initial page to the kendoMobile initialization method.

Any insight on embedding an app in an iframe on a page and not having the page jump. I see in the code on the site you are not supplying an initial view. Is there any other way?
Petyo
Telerik team
 answered on 13 Dec 2013
1 answer
395 views
I'm working on handling transport.update as a function function that writes the values to localStorage rather than a remote server.   I can't seem to get the framework to unmark the object as "dirty"... and as a result the transport.update continues to fire on every .sync() call.

I've tried all of the following approaches but the item always retains dirty = true.

manually marking dirty = false:
transport{
                update: function (options) {
                    localStorage[options.data.id] = kendo.stringify(options.data);
                    var theTask = ds.get(options.data.id);
                    theTask.dirty = false;
                    options.success(theTask);
                }
}

returning the raw data:
transport{
                update: function (options) {
                    localStorage[options.data.id] = kendo.stringify(options.data);
                    options.success(options.data);
                }
}

returning nothing:
transport{
                update: function (options) {
                    localStorage[options.data.id] = kendo.stringify(options.data);
                }
}


Kiril Nikolov
Telerik team
 answered on 13 Dec 2013
2 answers
265 views
hi kendo

data-transition is not working when using external html page in anchor tag:
<a data-icon="cart" data-rel="external" href="test.html" data-transition="slide"/>

thanks
Petyo
Telerik team
 answered on 13 Dec 2013
1 answer
416 views
I saw it mentioned that chart annotations are now possible. Just trying to find an example of how to use it.

Maybe annotation isn't the correct term for what I'm trying to do, but basically I need to add some sort of a marker line to a chart that is associated with some text. So I can specify that something happened at a certain point in the timeline.

See attached image for what I mean. 
Iliana Dyankova
Telerik team
 answered on 13 Dec 2013
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
Drag and Drop
Application
Map
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
DropDownTree
ListBox
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
Styling
ColorPicker
Pager
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
Licensing
PivotGridV2
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
LLM Kit
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?