I'm new to Kendo and have been brought on to a project using it for some of it's components. The project is a web app (not an web app wrapper -- will be accessed via phone's web browser). It seems it's rendering various elements differently based on the device platform/version. Is there a way to disable it and use a global style (design dictates it looks the same on all devices)? Sorry if it's a basic question, but haven't seen any options like this in the documentation.
Check these documentation articles:
http://docs.telerik.com/kendo-ui/mobile/introduction#force-platform-rendering
http://docs.telerik.com/kendo-ui/mobile/application#forcing-platform-styles
You can also force the Flat skin:
http://docs.telerik.com/kendo-ui/api/javascript/mobile/application#configuration-skin
Related
I am not able to change my app direction using (html dir="ltr"), after android device language has been changed to arabic. How can I change my app direction to ltr using phonegap or sapui5?
That is kind of not possible,
Reason : Because if you do that then you would need to build entire android app again and then run it in device.
Possible Solution
You can use navigator.language to detect device language and based on that you can load different CSS and HTML.
To change application direction, sapui5 provides script tag attributes for configuration. Just include sap-ui-rtl="false" and sap-ui-language="ar" attributes in your script something like,
<script src="resources/sap-ui-core-all.js" data-sap-ui-rtl="false" data-sap-ui-language="ar"></script>
I am trying to learn what could be the best ways of developing user interface for chrome extension for my application. The 2 approaches that I have come across are i)Using a browser action with default_popup html page or ii) Injecting some component into the page that is loaded in the tab. First approach is pretty straightforward but has some restricted use (like it is destroyed on tab/window switch which is useful in the context of my application). Coming to the second approach, it seems it requires every component which can be injected to be listed under web_accessible_resources. As the extension UI gets complex, this list is bound to increase. But surprisingly, Pocket extension's manifest does not seem to list any js files or html files though it does not use a popup page too. How does it work? Is there any other way of creating the user interface too?
Have you checked on the documentation regarding chrome.windows API? This API will allow you to create new windows and tabs in the browser, so you can create the html content from your extension. All you'll need is declaring the pertinent permissions on the manifest file. You can read more information here: https://developer.chrome.com/extensions/windows
Let me explain the scenario first.
I have a simple static dashboard html page with 5 simple charts created with HTML5, CSS
and javascript.
It renders data from a static Json to display the charts.
Its is not online and running in my local system.
There are no back end code which connects to a database.
Now I want to convert this to an Ipad app where I can see the dasboard page without out internet connection.
Kindly provide me a best way to do this.
Regards,
Shanmugam
You can use Apache Cordova (or phonegap) for building native web applications for all major platforms using HTML 5 , CSS and JavaScript.
You can refer to this Blog post on how to easily port existing HTML5 based application to iOS and Android.
Additionally you can also check this link for some more insights.
I am new to Firefox add-on development and planning to write a Firefox Mobile add-on which would optimize some page content to be more suitable for viewing on mobile devices.
I have studied how to create an add-on which intercepts page load events...
https://developer.mozilla.org/en/XUL_School/Intercepting_Page_Loads
... and this is quite straightforward for this far.
However, I'd also like to interact with HTML content which is loaded / displayed outside the normal HTML load chain. This would be namely Google Reader content which Google Reader fetches using AJAX.
Does Firefox provide any hooks to post-process content injected to pages via innerHTML and such? Also, as an alternative I have been thinking about capturing click/touch events and rerun the processing after each event: when you click an article in Google Reader it will open a new view containing the article content.
How other add-ons generally do this?
The XUL School and the XUL Tutorial content on MDC will help you get an understanding of how to use XUL to build user interfaces. The MDC Code Snippets section has code samples showing some of the APIs available to add-on developers.
One thing you should note is that Firefox Mobile is a multi-process application: The UI is in the main process and the web content (the tabs) are all in a second, child process. This is different than Firefox Desktop, which is a single process application.
We have some notes on how to build multi-process add-ons [1] and I made some video tutorials [2] to help as well.
Interacting with web content in Firefox Mobile means you need to create a script that runs in the child process. The script has direct access to the webpage's DOM window and DOM document. If your add-on has UI, you will use messages to communicate between the two processes. The links [1] and [2] give details on how to do both DOM interaction and sending messages.
Listening for post-load content injection is tricky. You have no additional hooks beyond those a normal webpage would use. You could use polling (check for changes using a setInterval) or you could listen for DOM mutation events (which are bad for performance).
Firefox Mobile developers hangout on Mozilla's IRC in the #mobile channel.
[1] https://wiki.mozilla.org/Mobile/Fennec/Extensions/Electrolysis
[2] http://people.mozilla.com/~mfinkle/tutorials/
I have an app written in C++ using Visual Studio 2010 to run on Windows (version XP upwards) as an .EXE. It uses plain Win32 for the existing UI.
I also have some content based on web browser formats, HTML/CSS/JavaScript. I would like to have this content displayed in the application window, in the same way that WebView works on Android and UIWebView works on iPhone. The web content should be able to communicate with the surrounding native application using calls to custom JavaScript methods.
I am aware of the WebKit project. However, looking at the binaries available for download it appears to be presented as a stand-alone application, rather than a library that can be linked against a C++ app to allow browser content to displayed.
Can anyone suggest a good way of doing this?
If you're using MFC, Patrick's answer is correct.
If you're not using MFC, you can embed Internet Explorer using "ATL control containment" - see How to add ATL control containment support to any window in Visual C++.
It boils down to linking with the right libraries and then using this one-liner:
// Creates the Web Browser control and navigates to the
// specified web page.
HWND hWnd = ::CreateWindow("AtlAxWin", "http://www.microsoft.com",
WS_CHILD|WS_VISIBLE, 10, 10, 500, 300, hParent, NULL,
::GetModuleHandle(NULL), NULL);
Getting your JavaScript to call functions in your C++ application is a bit of a fiddle - you need to create an object that implements IDispatch, then pass that to the Advise method of the IE control's IConnectionPoint interface, which you obtain via IConnectionPointContainer::FindConnectionPoint. Your JavaScript then calls window.external.my_func(...) which becomes a call to the Invoke method of your IDispatch-implementing object.
You could try to include the Internet Explorer as a COM component in your application. This is explained on http://msdn.microsoft.com/en-us/library/aa752046(VS.85).aspx.
You could also use the QtWeb library (see http://www.qtweb.net/).