Styles Constants

Owned by LuigiG (Unlicensed)
Last updated: May 28, 2014 by Andrea Tondo (Unlicensed)
1 min read

eThis section contains all the constants use for defining the app style. All the key are optional

Suffixes

  • _bgcolor

it's an html color code as #000000 representing the background color

  • _bgcolor_gradient

it's an json hash defining a /wiki/spaces/IN/pages/18841605

the color priority are : if _bgcolor_gradient key exists it should be use to set the color otherwise the _bgcolor is used

 

  • _bgimg

it's the url of the background-image

  • _alpha

it's the opacity of the element float value (0 → 1)

  • _color

it's an html color code as #000000 representing the text color

  • _color_gradient

it's an json hash defining a /wiki/spaces/IN/pages/18841605

  • _font  (font for webapp or all device for older app)
  • _font_android
  • _font_windows
  • _font_apple
  • _font_bb10

it's a string representing the text font in the css format (es: italic bold 12px Georgia, serif;)

Smartphone Prefixes

HEADER

First Page

  • header (key to use for bgcolor)

Key to use for bgimg

  • header_320 (320×44)
  • header_480 (480×32)
  • header_568 (568x32)
  • header_704 (704×44)
  • header_768 (768×44)
  • header_1024 (1024×44)

Others Pages

  • header2 (key to use for bgcolor)

Key to use for bgimg

  • header2_320 (320×44)
  • header2_480 (480×32)
  • header2_568 (568x32)
  • header2_704 (704×44)
  • header2_768 (768×44)
  • header2_1024 (1024×44)

Others Pages Title

  • header2_title

BACKGROUND

First Page

  • bg (key to use for bgcolor)

key to use for bgimg

  • bg_menu_portrait (320×416)
  • bg_menu_portrait2 (320x504)
  • bg_menu_landcape (480×268)
  • bg_menu_landcape2 (568x268)
  • bg_menu_ipad (320×704)
  • bg_menu_ipad2 (320×960)
  • bg_menu_bb10_portrait (320×490)
  • bg_menu_bb10_landscape (533x226)

Others Pages

  • bg2 (key to use for bgcolor)

key to use for bgimg

  • bg2_menu_portrait (320×416)
  • bg2_menu_portrait2 (320x504)
  • bg2_menu_landcape (480×268)
  • bg2_menu_landcape2 (568x268)
  • bg2_menu_ipad (320×704)
  • bg2_menu_ipad2 (320×960)
  • bg2_menu_bb10_portrait (320x431)
  • bg2_menu_bb10_landscape (533x168)

others page background

TEXT

Categories

  • cat_title

category page item title

  • cat_desc

category page item description

Feeds

  • feed_title

feed,audio,contact page item title

  • feed_desc

feed,audio,contact page item description

BUTTONS

add key to filter in create_app_json

Default

  • defaultimg (60×60)

Menu

  • header_update_img (48×40)
  • header_menu_img (48x40)
  • header_credits_img (48×40)
  • header2_back_img (48×40)
  • header2_option_img (48×40)
  • header_add_img (48×40)
  • header_search_img (48×40)
  • header_save_img (48×40)

Navigation

  • footer_prev_img (48×40)
  • footer_next_img (48×40)
  • footer_share_img (48×40)

Use native OS buttons option

An additional "native_buttons" key contains the following structure, if true the app will use native OS buttons in place of user specified ones

{
   "apple":true|false,
   "android":true|false
}

Tablet Key

  • tablet_home_header_bgcolor

  • tablet_home_bg_bgcolor

  • tablet_page_header_bgcolor

  • tablet_page_bg_bgcolor

  • tablet_home_cell_bgcolor

  • tablet_page_cell_bgcolor

  • tablet_home_cell_title_color

  • tablet_page_cell_title_color

  • tablet_page_header_title_color

tablet buttons

tablet button use the same name as the smartphone with "tablet_" prefix

  • tablet_header_close_img (48×40)