I have added next icons to toolbar:
"toolbar" : "preview link image media"
But all these icons are visible on desktops only but not on tablets and phones.
How do I have them visible on mobile devices?
On mobile browsers TinyMCE disables most plugins. We are working a fix so they're only disabled when using the mobile theme:
https://github.com/tinymce/tinymce/issues/4848
Related
In ionic 3 Ion-Tabs are not properly working When personal hotspot is connected
in ios devices only icon click is working not title click
Thanks in advance.
I am currently building an application for commercial use, but I want to be sure my Icon loos correct in the My Apps screen on the television. As of know I only see the default developer icon. I have replace the icon with my own in my project. I co see Icon in the recent pop up menu, but it is missing from My Apps. In the attachment IMG_2834.jpg has the black icon which is ok, but IMG_2835.JPG is the basic default Icon. Well I dont want that I would like to see my Icon on this screen.
Would you please check these Articles, They mentioned 'In order for application icons to display on the Samsung Apps screen must comply with the conditions given...'
Creating and Registering App Icons
Creating and registering App Icons and Screenshots
Is it possible to hide (completely remove, not change the styling) the iOS Safari status bar in a homescreen web app?
When you browse a webpage in Safari in a landscape mode the status bar disappears together with the rest of the browser chrome after starting to scroll.
The web app that I'm adding to the homescreen if fitted to the size of the display so is no scrollable.
After setting:
<meta content='initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<meta content='yes' name='apple-mobile-web-app-capable'>
<meta content='white-translucent' name='apple-mobile-web-app-status-bar-style'>
All the browser chrome is gone, but the status bar information is still overlaid over the top of the page regardles of the screen orientation. Is it possible to hide it?
There is no direct method for this (see: similar question) but... this link seems promising:
Everything Hybrid Web Apps Need to Know About the Status Bar in iOS7
The summary of the link is as below:
Key Comments (at link):
When viewing sites in Safari you do not have the ability to customize
the status bar in any way. Previous versions of iOS offered the
ability to view sites in full screen mode, but that was removed in
iOS7, see
http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review.
Key Notes (in link):
StatusBar Cordova Plugin
With iOS7 Apple introduced some native Objective C APIs to control the
status bar. Because of Cordova, we have the ability to bridge these
native APIs directly into JavaScript APIs.
Luckily for us #shazron has already done this with the StatusBar plugin.
After adding the plugin to your application, you are given a StatusBar
object with a number of methods to manipulate the status bar in
JavaScript directly.
...
You can hide the status bar using StatusBar.hide(), or even change its
background color with StatusBar.backgroundColorByName() or
StatusBar.backgroundColorByHexString().
For example, the following sets the status bar to green.
<script>
document.addEventListener('deviceready', function() {
StatusBar.overlaysWebView(false);
StatusBar.backgroundColorByName('green');
}, false);
</script>
...
Outstanding Issues
While the web has come up with workarounds for most of the iOS7 status
bar issues, there are still a few that remain unresolved.
The status bar still overlays content displayed in a cordova InAppBrowser.
There is no known workaround, but a fix is slated for cordova 3.2.
The StatusBar plugin does not work in apps that lock the device into landscape mode.
Key Critic Comment (at link):
These solutions seem to be working only for Phonegap applications, for
us who don't use this and simply wrap our apps in a webview it seems
the only easy solution is to set the webview's top property to 20
instead of zero and that takes care of the issue at hand.
Using the default Magento iPhone theme, I am trying to simply edit the home page content, then eventually the layout itself.
I am aware of changing CMS content through CMS->Pages, however this only seems to relate to the Default theme rather than the mobile theme.
For example, in the two images below we see the content area of the mobile version which displays three categories, and secondly the Pages->CMS content editor for home page. The two clearly do not relate to the same information.
Can anyone help me find out how the iphone home page content is editied?
Image 1 - iphone homepage (green circled area is content):
Image 2 - Pages->CMS Homepage
I have how would i only target iphone? I have tried
media="handheld, only screen and (max-device-width: 480px)"
but it wont display my menu?
I have two menus - one for web browsers and one for mobile web. Im guessing as iphone only reads the 'screen' type that is why it is displaying. I have specified in my main site css not to display my mobile menu and in my mobile style sheet I have specified not to display the web navigation?
Any ideas?!
Link to my site is www.therisingsuntarporley.co.uk
Thanks
The code for targeting iPhone looks right (see How do I apply a stylesheet just to the iPhone (and not IE), without browser sniffing? for some improvements). However, iPhones will display both the regular stylesheets and the mobile-specific ones. To show the menu, you need to add display: block; to the .menu element in mobile.css.