logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
Painting
Heart Disease
Horror Literature
Dating
Hiking & Backpacking
SF/Fantasy Books
Healthy Foods


dailyclick
All times in EST

Full Schedule
g
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor

g

Add Buttons To Page Template Kwik Book App


In our example book app page template, we are using non-rollover buttons. When adding buttons to your Kwik project, we placed each button on its own layer, giving you 3 layers for 3 button. Let's set the actions for these buttons that tell the app what page to display when the button is clicked. We will start with the Back button. When we "program" the Back button, Kwik will ask us to choose which layer to use for the two rollover button states, Default and Over. In our example, we will use the kwkbackbtn layer for both states.

Open your project into Photoshop and select page1 from the list of pages in the Kwik panel. In the Page/Components section of the Kwik panel, you should see "@ page1" at the top of the section.

  1. Select the layer containing the Default state button graphic (kwkbackbtn).

  2. Select the Interactions icon in the Category row.

  3. Select the Add Button tool in the next row to open the dialog box.

  4. Kwik generates a name for the button but we will rename this button "back_pg".

  5. Default State: Layer kwkbackbtn

    The graphic on the kwkbackbtn layer will be the Default state for our button.

  6. Over State: Layer kwkbackbtn

    The graphic on the kwkbackbtn layer will be the Over state for our button.

In the Properties section and the Interactions panel of the dialog box, we have several categories. Click the arrow to expand the Common category list.

  1. This button's action will be to go to another page. Therefore our best choice is to use the Go to Page option.

    When selecting this option from the list, we get a small pop-up dialog box. In the Go to Page dialog box we have several options.

  2. Page Transition: We have several choices in the drop-down list. Because we are creating our own page turn animation, lets choose None from this list. If you don't want to use the page turn animation, the Over from Right is a good choice.

  3. Wait: We have the option to delay the switch to the next page. Keep the default of 0 seconds.

  4. Select Page: We do not want to send the reader to a specific page number. We just want to move to whatever is the previous page. We will use the Previous (auto) option.

  5. Click Create to go back to the Add Button dialog box.

    Now, you will see the Go to Page action listed in the Actions panel.

  6. Click Create to finalize the button.

We can confirm that our button was added to the page by selecting the Switch to Components View icon (above the list of pages). There you will see that we have one button, named back_pg, added to our page. You can tell that we have added a button action by the icon to the left of the back_pg name. The icon looks like the Add Button icon in the Toolset bar.




Join us in the Flash forum. | Join us in the Digital Art and Design forum.

|



Add Add+Buttons+To+Page+Template+Kwik+Book+App to Twitter Add Add+Buttons+To+Page+Template+Kwik+Book+App to Facebook Add Add+Buttons+To+Page+Template+Kwik+Book+App to MySpace Add Add+Buttons+To+Page+Template+Kwik+Book+App to Del.icio.us Digg Add+Buttons+To+Page+Template+Kwik+Book+App Add Add+Buttons+To+Page+Template+Kwik+Book+App to Yahoo My Web Add Add+Buttons+To+Page+Template+Kwik+Book+App to Google Bookmarks Add Add+Buttons+To+Page+Template+Kwik+Book+App to Stumbleupon Add Add+Buttons+To+Page+Template+Kwik+Book+App to Reddit



 



RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map


For FREE email updates, subscribe to the Digital Art and Design Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2013 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.

g


g features
New Twitter Profile Page Design

Chalk Text Effect In Illustrator CS6

Sketch with Your Silhouette SSDE

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2013 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor