I am developing a mobile app site by using Kendo mobile in their "flat" design. How can I make my back button to look as a nice iOS7-look arrow on left side? Viewing kendo mobile demo sites on a ios7 device, a native-look arrow appears to the left of text.
At the top of the Icons page, there is an integrated font icon called "details". To create a left arrow, use the "details" right arrow type and rotate it 180 degrees using CSS. Finally, remove the border to give it a true iOS 7 look:
<a data-role="button" data-icon="details"
style="border: none; -webkit-transform:rotate(-180deg);"></a>
The latest Kendo UI Mobile service pack includes the iOS7 platform theme which you saw on our demo site, when viewing it on an iOS7 device. The iOS7 platform theme is activated automatically, or you can force it using the platform: "ios7" Application option. Check our documentation for more information about it.
Related
I am using the library react-navigation-drawer for my app side menu.
My app should be working on iphone and iPad as well.
The default side menu of this library is working well on iPhone.
But on iPad, side menu should be always visible on my app.
I could implement this by drawerLockMode:'locked-open' on some pages.
But Side menu has been overlayed on content screen. and could not doing any actions on content screen.
Even content screen has been pushed aside as width of side menu.
Anyone help me how to implement the responsive side menu on iPhone and iPad?
Thanks
whenever app is running on iPad, set drawerType={'permanent'} for Drawer.Navigator
https://reactnavigation.org/docs/drawer-navigator/#drawertype
I have just started exploring Titanium.
I am looking for components/help to accomplish the standard Android sub-window back-navigation, where you have the app icon and back functionality in the upper left corner.
I checked the tutorials/SDK and kitchen sink project but don't seem to be able to find anything similar.
On their page with sample customer apps seems to be at least one app that demonstrates this type of navigation, which makes me think it should be available.
Any help or pointers would be much appreciated.
In our Android/iOS application, we use the standard iOS navigation, but on the Android side we built our own custom header view to implement our navigation. This view is added to the top of all other windows and/or main views.
We hooked the android:back button to trigger the navigation view's back feature as well, so we support both "standards".
I'm developing metro-style app for Windows 8. Currently I use buttons with arrows for navigation in my app but I want to handle gestures (just like in IE for changing pages, from left to right). How I can achieve this?
If your application is not too complicated, is FlipView an option for you?
MSDN References:
http://msdn.microsoft.com/en-us/library/windows/apps/hh465425.aspx
http://msdn.microsoft.com/en-us/library/windows/apps/br211711.aspx
I am developing a metro application using visual studio 2012. I am trying to get an AppBar in my metro application. How do I do that?
There are a LOT of samples in the MSDN Dev Center, http://code.msdn.microsoft.com/en-us/windowsapps. One of them is specifically an AppBar sample, and the description reads:
This sample demonstrates how to use the AppBar control to present
navigation, commands, and tools to users.
The app bar is hidden by default and appears when users swipe a finger
from the top or bottom edge of the screen. It covers the content of
the app and can be dismissed by the user with an edge swipe, or by
interacting with the app. This sample shows how to add an app bar,
customize the app bar, and control the app bar. Also, it shows how to
use sticky app bars and global app bars.
I think this will get you started.
I wonder if I can test landscape view using simulator?
Under the Hardware Menu you will find the rotation items which correspond to CMD+Left and CMD+Right
In the Hardware menu, there is an option to change the orientation. Also, Cmd-Left and Cmd-Right will rotate the virtual phone.
Setting simulator orientation in IDE
The above (hardware->device) is a solution for rotating the simulator only once the simulator is launched ,but there should be also an option in your IDE to define the orientation of the simulator.
If you are using JDeveloper IDE the go to
Application --> Deploy --> New Deployment Profile --> select Profile Type(iOS) --> iOS Options --> Device Orientations.
IDE Device orientations.
There you can mention which orientation you need by default, either landscape or portrait.
Short cut key for switching Orientations
Press command key and press left arrow / right arrow.
This would switch between the landscape and portrait views you require.
I hope this might help your query.
[enter image description here][1]
I was struggling with this exact problem for about an hour.
On the left-most project navigator screen, click the name of your project (should be the highest dropdown button), then click the general tab on the page that opens up, scroll down and you should see a section titled "Deployment Info" Make sure you select the checkbox of each orientation you want available for your project.
Test your simulation again.
[1]: https://i.stack.imgur.com/4nW9D.png