I heard that not all controls from Kendo UI are responsive (by design). I tried searching through documentation and I am unable to find any clue. I would like to know if there is really a case as such.
Especially, I would like to know if anyone had any "responsive" problems with "Kendo UI Window"
Related
I know this question has somewhat been asked before, but I could not find a definitive answer for it.
I am attempting to make an interactive, custom-designed UI menu for a google doc add-on. I would like to be able to code in items such as pull-down menus or checkboxes. Are these possibilities with this discontinuation of the UI Service? And if so, how would I go about coding this? Even a link to a place that might have suggestions would be a help. Thanks!
As you mentioned, the UI Service has been deprecated and replaced by HtmlService. HtmlService let's you build a complete UI with HTML, CSS and client side Javascript, so you can make the UI as simple or complex as you like.
HtmlService intefaces can be rendered in sidebars or in popup dialogs, see https://developers.google.com/apps-script/guides/dialogs
See the HtmlService documentation here, https://developers.google.com/apps-script/reference/html/
I am fond of the type of side navigation menu that is common in mobile apps. An example is: http://www.jqueryscript.net/menu/jQuery-Animated-Side-Navigation-Menu-Plugin-Sidebar.html
Which works also for web pages. However, the vast majority of my page is in KendoUI, and I don't want to load another framework just for that.
Is there a combination of tricks with Kendo (draw control for example) that I could use to get the same effect?
Alternatively, I am all wet. I just want a quick way to have a "pop-up" of settings that are only occasionally used, and most of the time save the screen real-estate. So maybe just a button and a pop-up window is the correct approach?
Any advice?
I am looking into building a responsive modern web portal, primarily for reporting purposes like data, stats and few charts. Especially for charts I plan to use Kendo UI controls. Apart from that are there recommendations on what templates to use with ASP.NET MVC such as bootstrap or something else that gives a good look and feel to the web UI? I am new to javascript so something that is quick to pick up, or with good documentation also would work.
The kendo ui controls come with a number of themes that are perfect for this type of exercise (I'm doing something similar to you with a "reporting" portal. I have found that the bootstrap and flat themes are the best to use (flat for graphs looks amazing). If you look at the kendo demo's they will show you the power of the suite especially this one: http://demos.telerik.com/kendo-ui/bootstrap/ it shows the integration with bootstrap really nicely and is probably something similar to what you may be after.
I am using the kendo controls with the bootstrap theme currently for my project and they seem to fit well together, like you I'm not the best at javascript (although I have learnt loads just using these two libraries) - Thanks Telerik for the MVC helpers!
I am doing a mobile application in kendo UI. When clicking on the item in the listview its redirecting to some page. My requirement is that for long click also it should redirect to some page.
How can i make it possible in mobile using kendo ui?
Thanks in Advance.
Based on this answer from Kendo UI forums (no native OS events), you could look at this question about Long Press just down the road in SO.
Basically start experimenting with JavaScript events and timers.
As far as I know, JQuery Mobile events (taphold) and plugins are not an option as they would be competing with Kendo UI for page control, but you might get some ideas for your implementation.
Please see the images below. jQuery UI controls are overlapping/masking MvcSitemap drop down. I believe this is a quick fix (changing a css property of UI theme or so) but I'm having hard time finding how to override this behavior of UI controls. Hope someone will help resolve this issue.
UI Buttons overlapping the menu
Tab control overlapping the menu
Thanks in advance.
Add a high z-index css style to the MvcSitemap dropdowns css. Something like z-index: 1000; would be a reasonable start.
The jQUery UI controls are not intentionally going over anything, instead the menu is being rendered underneath the things below it. This is because its html comes before the other widgets in the document layout.