I am developing a website which req different menu style for mobile. Can I create 2 menu, one for desktop and other for mobile?
try bootstrap framework that will handle both and you want to make changes create custom.js and write your custom style in it
Related
I am building an app which loads an SVG file (2D Floor plan) and then I need to add click events for each room, table, chair, etc...
I am using normal HTML / Javascript for the website and for the app I am testing the XamSVG component but I am not sure that is the right tool for it.
Any ideas? Can I use WebView? There are other packages available?
Thanks
I want to make a desktop gadget like the Sticky notes that we have but just with some additional functionality.
Now that the gadgets have been discontinued in windows, i am not sure about what technology to use to create this app.
I want to create a custom UI like just a Add button on the side of the desktop and clicking on it would create notes.
I was trying to use node-webkit but seems that will appear like a web page and not what I want. Can anyone tell me what should i use to achieve the result.
A Node Webkit window doesn't have to look like a webpage. You can use a frameless window and then design the UI to look however you want with HTML and CSS.
Frameless Window
I am writing a project using polymer. Right now, if a browser doesn't support it most of the page is just blank. Is there a way to quickly if the users browser supports polymer and if not, prompt them to use a modern browser?
You can use the page http://caniuse.com/ and ask for the technology that is being used in the framework you want to implement, Shadow dom and Custom elements in this case I think that are the main things that polymer uses and that don't allow this framework to be used all over the place in any browser
App development in native Apps happens separately for iPhone and Android. But in HTML5 Sencha framework apps, the same HTML5 code is used. Should we use same visual styling for alert boxes or buttons for both platforms or should they look different depending on the platform?
Since the same HTML5 code is used, how do you to take care of different look and feel for both platforms? For example, the menu bar is at bottom for iPhone and for android it is at the top. Or for Android we need to hide the top back button Or how to style the alert boxes or buttons differently for both platforms?
Do we need to use different set of CSS files for iOS and for An?
I was going thru the kitchen sync Sencha application and it shows a very basic styling for alert boxes.
You can use the iOS/Android classes that Sencha Touch will add when detecting user agent. For example, if the device is running iOS the body element has the class "x-ios". For android it will be "x-android". This also applies for specific OS versions (ex: "x-ios-4"). Try overriding your user agent in Chrome and inspect the elements under different agents to get an understanding of the classes. Using these classes you can avoid multiple stylesheets and just set up the CSS accordingly depending on the class.
As for specific layout tweaks that cannot be performed with simple CSS - this is where profiles come into play (http://docs.sencha.com/touch/2-1/#!/api/Ext.app.Profile). Set up a profile for Android and iOS, and use the launch function to manipulate specific components as needed.
Using these methods you should be able to keep things organized and minimize the number of separate files needed.
When I load an xpages mobile application into desktop safari it displays the app with the default theming for an Android device. What do you need to do to get it to use the default iPhone theming?
I thought you needed add something like &iPhone=1 to the end of the url, but that's not working.
Thank you.
To quote the Mobile Controls tutorial:
A browser platform query string parameter is available for developers
to force the browser to takes precedence over one another. Just add
'?platform=iphone' or '?platform=android' to the URL and this will
force the correct theme for XPages mobile pages that match against the
xsp.theme.mobile.pagePrefix property.
Another option is to enable the Develop menu (Edit - Preferences, then on Advanced tab tick Show Develop menu in menu bar. Then from the Develop menu you can change the user agent or set your own.
You could use the sample application for the Extension Library from openntf.org. Go to the "Mobile" tab where you can "extract" the urls to show as iPhone, Android and BlackBerry.
With just a few changes you can add a url as a parameter to this application to show your own mobile app in the same context ;-) I use that for demo purposes.
/John