How to apply page background images in tabris, preferable using stylesheets for iOS and/or Android devices - stylesheet

this is not clear to me from the documentation and from the current behavior I see in my app: The stylesheets work nice using a web browser, but not on the mobile app.
So what I was looking for is how to apply different background images in our mobile app (or at least colors) to the navigation page (top level pages list) and any other pages. We would like to apply different styles to the our current, I guess default style but don't know how to do this. So at this point I do not know what I can ask our graphics designer to provide.
Any docs that I missed or examples I can look at?
Thanks,
Vincent

The styles you are using for the web are applied by RAP's theming. Currently Tabris does not support theming. The only option you have at the moment is to use the SWT setBackground.Image methods on the widget itself. To behave different as in the web you could use RWT.getClient().getService( ClientDevice.class ).getPlatform(); to distinguish between the mobile and web client.

Related

Does Telegram API support swipes?

If I have a bunch of pictures, Is there any way to see all the pictures like on the Right Image, instead of the standard way (Left Image)
It's not the responsibility of Telegram API to support swipes. This will be down to the UI library you are using to build your app. All native apps should support swipes by default, however, by the looks of your UI widget you are trying to implement a Carousel as there are forward and back icons. If you let us know what platform you are targeting, what language / framework you are using there should be loads of useful suggestions.

How To Do A Popup Context Menu Like DroneDeploys

How can I include a popup context menu in my app, just like the ones DroneDeploy use?
What's the CSS, JS lib that you use???
I know how to do this using vanilla JavaScript, but I want it to look like yours, to keep the theme in tact!
I've looked at the source and can see you are using Angular CDK's OverlayModule to provide popups.
I'm not using Angular, so I'll have to just style the popup so it looks like you themes myself.
The doc is the best way to follow up in this case. There you can see what's possible or not. Did you see this point? Here you can follow a checklist to apply in your App and build App in Drone Deploy style. You'll need to follow another way to interact with users.

Switching plone themes according to visitor's screen size

For plone 4.2.5 is there a non-complicated way to set up theme switching between desktop/mobile versions based on visitors screen size?
Something like "if less than 640x480 then" serve the mobile version ?
Talking about 2 non-Diazo themes for instance?
What is ++skin++ for skin switching, may it work?
I am quite new to plone and not really a programmer so a "sane" solution would be really appreciated !
Take a look in portal_css (via the Zope Management Interface) and search for "mobile." In the ""CSS Media" field, you'll find:
handheld, screen and (max-device-width: 480px)
This sets up a media query that causes browsers to use the mobile.css stylesheet if they know (admit) they are a handheld device or if they have a screen width of 480px or less. This is all done through completely standard CSS, and you may use the same principles to achieve completely different page designs for different screen widths. There are several great books on responsive design ("responsive" is the magic word). You may customize this stylesheet, or add your own media query style sheets.
You can also see a thorough and popular use of media queries and responsive design in "Twitter Bootstrap," which provides all sorts of class selectors that you may use to change designs at various screen widths. A bootstrap example is included with the newer version of plone.app.theming that is included with Plone 4.3.
Note, if you want design to change when you reduce a window size (not just the screen size), use "max-width" rather than "max-device-width."
I don't think so. However, you should look into responsive design and media queries. I suspect you can achieve what you want using standards compliant CSS in a single theme.
http://plone.org/products/collective.themeswitcher/
This is an alternative implementation you can use. From the description:
This addon has been designed to easily support new switcher. At the moment the only switcher that is implemented is the "mobile switcher" based on user agent from http://detectmobilebrowsers.com/ (python version).

Create custom templates in iOS ap

How to create custom templates in iOS app having uiimageview ,uitextview,and many other views so that user can select any one template and starts editing it.
There is a famous library thats floating around for this kind of usage - iOS BoilerPlate
It is intended to provide a base of code to start with
It is not intended to be a framework
It is intended to be modified and extended by the developer to fit their needs
It includes solid third-party libraries if needed to not reinvent the wheel
What it includes -
HTTP requests and an image cache (both in-memory and disk-based)
UITableViews and UITableViewCells: fast scrolling, async images, pull-down-to-refresh, swipeable cells,...
A built-in browser so your users don't leave your application when they browse to a certain URL
Maps and locations: directions between two points, autocomplete a location, etc.

Is it possible to use "Styled Maps" with MKMapView?

Cheers,
for about a year now Google allows you to adjust the styling of their maps according to your needs. They offer a tool which allows for the easy creation of styles too:
Google Maps API Styled Maps Wizard
What I'd like to know is: can this feature of their API be used with MKMapView as provided in the Map Kit Framework? If so, how and at which point would I feed the JSON code which the wizard produces to the API?
If this doesn't work with MKMapView: What's the next best way to include Googles Styled Maps in an app?
Thanks alot!
As far as I'm aware, MKMapView doesn't provide this functionality "out of the box" as the Google Maps API does; the class reference, seems to support this hypothesis. You could re-implement some of the styles using annotations and overlays (see the class reference), but that assumes you have access to the point of interest data. Your success will likely depend on what styles you want to use.
As for the next best way, I opened your link, the styled maps wizard, on my iPad and it seems to work flawlessly. Perhaps you could host a pre-styled map somewhere online and simply show it in your app using a UIWebView? That would obviously limit you in some ways, but at least it would be styled!