Webkit Menu Page Type Tutorial | Tutorials | Forum

Attention! You Can Only Post New Topics/Replies In The Forum If You're Have An Active AppstronautMe Membership!

Announcement! Due To New Member Sign Up Spam, We No Longer Accept New Registrations With Yahoo Email!

Need more help? Then submit a support ticket!

Please consider registering
guest

Log In Register Members

Register | Lost password?
Advanced Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 4 characters - maximum search word length is 84 characters

Topic RSS
Webkit Menu Page Type Tutorial

Neil Appstrong
Admin
Forum Posts: 165
Member Since:
Offline


WebKit Menu type pages are used for creating menu pages in your app.

Each menu item contains a link and is designed with an icon and intuitive right arrow image for navigation to a target page related to the menu item.
   
In the Edit Menu Page you can customize:
1. Title text displayed above the menu;
2. Replace the header image. New image can be selected in the Gallery or uploaded to your app's folder via the Resource Manager;
3. Replace footer image;
4. Menu items (by default called Page 1, 2, etc.) can be added (+), removed (-) or reordered in the Menu Items box.

In the Item Properties box you can change:
1. Small icon (Image:) displayed before item's title;
2. Edit text (Title:) of the menu item;
3. Link from the menu item to a page in the app. 

Also a transition method to the next page can be selected (slide, curl, flip, none).

The style of each WebKit Menu page can be customized from within Design style Pages.

You can change page background image or color, etc of each page.

In order to customize item text (font, size, color, etc) you will have to edit the style.css. Click on the Edit “stile.css” link from the Design Properties page.

To determine the class of the elements in your page, switch to HTML mode and search in the code for a class selector or html tag related to the element (text, image, background) you want to customize.

For instance, cascading style of the title (displayed above the menu) on WebKit Menu pages is defined by the class “toolbar” and tag <h1>.
Thus editing in style.css the values of properties listed in .toolbar > h1
will change the style of all related titles on this type of pages in your app.

Forum Timezone: America/New_York

Most Users Ever Online: 17

Currently Online:
1 Guest(s)

Currently Browsing this Page:
1 Guest(s)

See All Online Activity

Top Posters:

dberry: 18

jettdigitals: 6

Tommyhall: 6

asnorth: 5

richardwing: 5

hmds2007: 4

razma: 4

Ivon: 4

DJ: 3

bushwood: 3

Member Stats:

Guest Posters: 0

Members: 521

Moderators: 0

Admins: 1

Forum Stats:

Groups: 1

Forums: 7

Topics: 144

Posts: 249

Newest Members: HaroldGymn, Melvinvon, permasbear, 4affbync, rosemariedz3, Aidi-inc, lako0, whzkid@comcast.net, Samisusami, daleji16

Administrators: Neil Appstrong: 165

support
Need Help?
Skype Chat
Skype Call
Support Ticket
Please Wait
Please Wait