Index. Ajax-driven navigation, 21 mobile.changepage(), 23 arguments, configuration, 25 Hijax request, 22 B

Size: px

Start display at page:

Download "Index. Ajax-driven navigation, 21 mobile.changepage(), 23 arguments, configuration, 25 Hijax request, 22 B"

Neal Garrison
5 years ago
Views:

1 A Ajax-driven navigation, 21 mobile.changepage(), 23 arguments, configuration, 25 Hijax request, 22 B Back button, 48 enabling options, 48 linking, 50 Buttons, 63, 64 custom icons, 70 dynamic buttons, 73 corners boolean, 74 enable and disable methods, 74 events, 76 icon string, 75 iconpos string, 75 iconshadow boolean, inline boolean, 75 methods, 76 shawdow boolean, 76 with markup-driven options, 73 with plugin-driven options, 74 form-based buttons, 65 grouping buttons, icon positioning, 69 icon-only buttons, image buttons, link buttons, 64 radio buttons. See Radio buttons standard icons, theming buttons, C Checkboxes horizontal checkboxes, 95 with markup-driven options, 95 with plugin-driven options, 95 Client-side device s, 246 Client-side integration, RESTful services, 202 client-side POST with Ajax, Twitter integration, Client-side POST with Ajax Jersey s annotations, 214 registration form, thank you page, with RESTful, Collapsible content blocks, Collapsible sets, Custom icon integration, buttons, 70 D, E Dynamic buttons corners boolean, 74 enable and disable methods, 74 events, 76 icon string, 75 iconpos string, 75 iconshadow boolean, inline boolean, 75 methods, 76 shawdow boolean, 76 with markup-driven options, 73 with plugin-driven options, 74 F Footer bar, 50 basics,

2 250 buttons, 52 positioning, 52 structure, 51 Form elements, 63, 76 checkboxes, form basics, Mobiscroll date picker, native form elements, select menus, 83 corners boolean, 87 custom select menus, disabled boolean, 88 dynamic select menus, 87 events, 90 hideplaceholdermenuitems boolean, 88 icon string, 88 iconpos string, 88 iconshadow boolean, inline boolean, 89 methods, 89 nativemenu boolean, 89 placeholder options, shadow boolean, 89 theme string, 89 slider, switch control, text inputs, 78 81, See also Text inputs enable and disable methods, 81 markup-driven options, 81 plugin-driven options, 81 Formatting content, 125 collapsible content blocks, collapsible sets, CSS gradients, five-column grid, Emoji icons, four-column grid, App icons, grid layouts, 125 grid template, blocks, 126 grid container, 126 multi-row grid, springboard, three-column grid, CSS enhancements, two-column grid, uneven grids, Form-based buttons, 65 G Google Maps integration, 222 using JavaScript, with JQuery Mobile, Grouping buttons, H Header bar, 39 buttons, 42 with only icons, 44 with text and icons, 43 positioning, structure, 40 truncated header/footer, 46 with segmented control, I Icon positioning, 69 Icon-only buttons, Icon-only toolbars, Image buttons, J, K jquery Mobile, 1, 13 accessiblity, 11 Ajax-driven navigation, 21 mobile.changepage(), 23 arguments, configuration, 25 Hijax request, 22 buttons. See Buttons multi-page document, internal page title, vs. single-page document, page enhancements, page template, progressive enhancement, 6 7 responsive design, 8 10 responsive designs, simplified markup-driven development, 5 6

3 251 supported devices, 2 themable design, transition effects, 25 action sheets, alert dialog, 29 confirmation dialog, 29 dialog UX guidelines, link vs. page configuration, 31 link-level transformation, 30 page-level transformation, 30 process, unified UI, 4 5 universal access, 1 3 jquery Mobile, 171 configuration, 171 mobile options. SeeMobile options, configuration script placement, 172 data attributes, 190 events, 181 mobileinit, 183 page change events. See Page change events, jquery Mobile page initializationevents. See Page initializationevents, jquery Mobile page load events. See Page load events, jquery Mobile page transitionevents. See Page transitionevents, jquery Mobile triggering events, 189 methods, 176 jqmdata(), 180 jqmhasdata(), 180 jqmremovedata(), 180 mobile.changepage(), mobile.hidepageloadingmsg(), 178 mobile.loadpage(), 178 mobile.showpageloadingmsg(), 179 mobile.silentscroll(number), 179 properties mobile.activepage, 190 mobile.firstpage, 190 mobile.pagecontainer, 190 jquery Mobile CSS file, 149 structure, 150 theme, 149 global theme settings, 150 swatches, 149, 150 L Link buttons, 64 List Views, 107 badges/count bubbles \r badges, 117 basic lists \r basic, 107 dynamic lists \r dynamic, 121 filtering \r filter, 118 inset lists \r inset, 108 list divers \r dividers, 109 list options \r listoptions, 122 Lists with Thumbnails and Icons /r thumbnails, 111 numbered list \r numbered, 114 plugins counttheme CSSselector dividertheme events, 123 inset boolean, 122 methods, 123 spliticon splittheme theme string, 123 read-only lists \r readonly, 115 with split buttons \r split, 113 M Mobile options, configuration activebtnclass, 172 activepageclass, 172 ajaxenabled, 172 allowcrossdomainpages, 172 autoinitializepage, 173 defaultdialogtransition, 173

4 252 defaultpagetransition, 173 gradea, 173 hashlisteningenabled, 173 loadingmessage, 173 minscrollback, 174 nonhistoryselectors, 174 ns, 174, 175 page.prototype.options.addbackbtn, 175 page.prototype.options.keepnative, 175 pageloaderrormessage, 175 subpageurlkey, 176 touchoverflowenabled, 176 Mobiscroll, N Navigation, 39 back button, 48 enabling options, 48 linking, 50 footer bar, 50 basics, 50 buttons, 52 positioning, 52 structure, 51 header bar basics, 39 buttons, positioning, structure, 40 truncated header/footer, 46 with segmented control, tab bars, 56 custom icons, persistent tab bars, 57 segmented control, 59 60, with standard icons, toolbars, 53 with icons, with segmented control, O Open App market, 227, P, Q Page change events, jquery Mobile pagebeforechange, 183, 184 pagechangefailed, 184 Page initializationevents, jquery Mobile pagebeforecreate, 186 pagecreate, 187 pageinit, 187 Page load events, jquery Mobile pagebeforeload, 185 pageload, 185 pageloadfailed, 186 Page transitionevents, jquery Mobile page event logger console, 189 pagebeforehide, 187 pagebeforeshow, 188 pagehide, 188 pageshow, 188 PhoneGap, 227, 228 an Android App, 237 app icons, Eclipse project, an ios App, 228 app icons, 235 enable back buttons, splash screen, 235 vs. Safari browser, 233 Xcode project, R Radio buttons, checkbox radio plugin events, methods, 93 theme string, 93 dynamic radiobuttons, 92 S Select Menus, 83 corners boolean, 87 custom select menus, disabled boolean, 88 dynamic select menus, 87 events, 90

5 253 hideplaceholdermenuitems boolean, 88 icon string, 88 iconpos string, 88 iconshadow boolean, inline boolean, 89 methods, 89 nativemenu boolean, 89 placeholder options, shadow boolean, 89 theme string, 89 Server-side Form POST with MVC registration form, Server-side integration, MVC, 215 GET request handler, 219 MoviesController, registration controller, 217 server-side data access, server-side Form POST, server-side vs. client-side, servlet-mapping configuration, thank you page, Service integration, 201 client-side integration. See also Client-side integration Google maps integration. See also Google maps integration server-side integration. See also Server-side integration Slider, disabled boolean, 97 dynamic slider, 97 events, methods, 98 theme string, 98 tracktheme string, 98 Springboard, with app icons, 135 with CSS gradients (Android), 142 with Glyphish icons, 135, 136 Styling buttons, Swatches, 149, 150 button swatches, 152 form field swatches, 152 grid swatches, 151 list swatches, 151 visual priority conventions, 152 T, U, V W, X, Y, Z Tab bars, 56 custom icons, persistent tab bars, 57 with standard icons, Text inputs, enable and disable methods, 81, 82 events, markup-driven options, 81 plugin-driven options, 81 theme string, 82 Theming buttons, Theming framework, 147 data-theme attribute, 148 default themes by components, global theme settings, 150 jquery Mobile CSS file swatches, priority, structure section, 150 swatches, 150 theme inheritance, with alternate theme, 148 with default theme, 148 Toolbars, 53 with icons, with segmented control, Twitter integration client-side Twitter integration, movie review page, results page, with jquery Mobile, 206

I, J, K. Eclipse, 156

I, J, K. Eclipse, 156 Index A, B Android PhoneGap app, 158 deploying and running, 172 New Eclipse project, 158 Activity dialog, 162 application properties, 160 AVD, 170 configuration, 167 Launcher Icon dialog, 161 PhoneGap