I, J, K. Eclipse, 156

Transcription

1 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 libraries, 164 Android Virtual Device (AVD), 170 APEX application button attributes, 14 dynamic action definition, employees Form view, 15 Form page, 14 home pages, 13 horizontal device (login), 12 href attribute, HTML layout, 14 JavaScript, 16 login page, 12 navigation button definition, and PhoneGap, 172 theme selection, 11 three pages, 12 user interface, 11 Asynchronous JavaScript and XML (Ajax), 131 C Calendars, 81 background colors, 88 CSS, 87 custom column format, definition, 82 demo_contacts, 81 monthly view, 83 native ios application, 86 result (custom column format), 85 template, 86 weekly view, 84 wrap up, 97 Cascading Style Sheets (CSS), 131 Charts. See also Highcharts flotcharts advantages and disadvantages, 94 JavaScript code, 96 path prefix, 96 PL/SQL source, RESTful web service definition, 95 HTML5 chart option, 89 product HTML5, 90 size-page load, 90 SQL statement-product chart, 89 wrap up, 97 Content delivery network (CDN), 9 Cordova, 155 Android development tools, setting up, 156 Eclipse, setting up, 156 D Dynamic Actions, 131 in APEX 4.2, 139 declarative events, 141 standard and advanced options, 140 benefits of, 131 client-side interactions, 131 client-side rules, 134 components, 132 action(s), 132, 135 Affected Elements, 132, 136 event portion, 132 on mobile device (see Mobile-specific Dynamic Actions) Page Definition screen, 134 Server Call, 137 test pages,

2 E Eclipse, 156 F Flotcharts advantages and disadvantages, 94 JavaScript code, path prefix, 96 PL/SQL source, RESTful web service definition, 95 G Google Maps device width and height, 91 features, 91 SQL statement (customer location), 91 static map, H Highcharts multiple series, pie, Hybrid apps, 152 I, J, K Input via forms, 51 collapsibles, 61 accordion-style code, 62 in APEX, 62 attribute property, 63 data-content-theme, 63 data-iconpos, 63 data-theme, 63 element, HTML code, 62 set, 62 using content, 61 completion of, 77 added item, form, 80 to add item, form, 79 add order form, 77 autoenhancement, 78 CSS for form, 78 form, created order, 78 confirmation dialogs, 72 dynamic action, 73 enhanced dialog, 75 native ios dialog, 73 new dialog to delete, 73 standard delete, 72 grid layout, 56 in APEX, 59 attributes, layout, 61 cells distribution, 58 flexible layout, 61 four columned layout, 56 names in, 60 region, 60 with styling, 58 ui-block class, 56 using a layout, 56 HTML5 elements, 63 CSS snippet, 65 numeric keyboard, 65 settings, 63 virtual keyboard, 64 login page, 51 class assignment, 53 CSS class, 53 definition, 53 of different mobile applications, 52 improved page, 55 normal (original) page, 51 mobile elements, 65 CSS, list styling, 66 customizing toggle switch, 68 editing a form, 67 editing product form, 70 flip toggle switch, 68 radio group, 67 select lists, 66 settings, radio group, 67 slider, 66 tweaking toggle switch, 69 success messages, 75 Action Processed, 75 new message, 76 swiped navigation, 70 left event, 71 pagination process, 70 static ID, 71 wrap up, 80 L List views advanced format complete CSS, example, 37 final result, automatic push, 44 counter column definition, 32 DEMO_PRODUCT_INFO table, 32 differences,

3 custom sort implementation add button, 48 dynamic sort, 50 enable dynamic sort, 47 JavaScript section, 49 P27_ORDER_BY field, 47 SimpleDialog, 49 sorton function, 49 wrap up, 50 enable search feature default vaule, 30 Search Box Placeholder, 30 search options, 30 exercises customer, enable search, 46 queries (customer), 46 search files, 46 fetched row number, 39 inset list feature, 29 Is nested list view, 36 link target, 35 product wizard, 28 report page creation, 27 settings, 28 show images add settings, 33 CSS code, 34 products list, 35 show list divider definition, 31 differences, 31 split button, 36 SQL queries, 27 swipe-to-delete function action, 43 delete button, dynamic action, 41 Evernote application, 40 HTML code, 42 jquery selector, 40 steps, 40 swipe2delete JavaScript function, 41 M Mobile application security, 191 APEX, 195 application item protection, 196 checksum, 196 page data, 196 page access protection, 196 restrictions, 196 session state protection, 196 unrestricted, 196 without arguments, 196 without URL access, 196 apply settings, 191 access to, 192 ApplicationCache, 195 attribute links, 192 data encryption, 195 idle time, 194 localstorage, 195 login/logout, 193 PhoneGap, 194 sessions, 193 SSL configuration, 192 timeout, 192 timings, 193 implications of, 191 split applications, 197 advantages of, 198 DBMS, 197 dependencies, 197 mobile schema, 198 parsing schema, 197 and security, 197 Mobile pages, 9. See also APEX application dialogs button definition, 20 Form creation, 19 new employee, 21 page template, popup template, jquery basic code, 10 content delivery network, 9 enhancing/even autoenhancing, 10 HTML, 9 query running, 10 loading widgets differences, 24 JavaScript, 23 mixed application, 25 popups, 23 templates, 24 transitions dynamic action, 23 mobileinit function, 21 page level, 22 theme level, 21 wrap up, 25 Mobile-specific Dynamic Actions browser events, 150 component events, 150 custom events, 145 custom JavaScript code, 144 Event Scope setting, 145 framework events,

4 Mobile-specific Dynamic Actions (cont.) Nonstandard Selection types, 144 orientation change event, 142 swipe-left and swipe-right events, 143 vclick events, 147 Mobile web development, 1 applications required, 1 for business, 1 designing applications, 2 Application Express (APEX), 4 change by internet, 2 client server applications, 2 desktop page, 3 master page, 4 mobile master page, 5 mobile page, 3 philosophy, 2 web based applications, 4 desktop application, 8 desktop selection, 8 mobile design, 8 mobile device selection, 8 newer processes, 1 Oracle OpenWorld, 1 performance, 8 responsiveness in design, 6, 8 applications, 7 with stacked regions, 7 techniques in web, 6 template definition, 7 themes, UI, 7 web based vs. native, 5 advantages, 6 business applications, 6 disadvantages, 6 Oracle Application Express, 6 uniform resource locator (URL), 6 N, O Native apps, 152 Navigation standards, 99 creation of tabs, 106 activities, 109 definition, 107 icon definition, 107 list definition, 106 navigation bar, 106 styles of, 106 HTML style button removal, 109 buttons, 109 calling a dialog, 111 CSS, header region, 111 delete icon, 112 native styled, 110 save button, 110, nativeness, 99 home screen, 100 launch image, application, 101 splash screen, 101 title definition, 100 slide menu, 112 activation of, 115.css and.js files, 113 DOM, 115 dynamic action, 115 of Facebook, 113 output, plug in, 114 performance of, 116 sublist template, 114 template (current and noncurrent), 114 template before rows, 114 springboard creation, 101 with badges, 105 counter definition, 104 CSS, 102 enhancement of, 104 image definition, 102 minimalistic board, 106 new board, 103 setup for, 101 text to image, 102 P, Q, R, S PhoneGap, 153 Android development Android tools, 156 Eclipse, setting up, 156 in APEX pages, 172, 174 button creation, 180 CLOB object, 181 Cordova-enabled page template, 176 cross-document messaging, 184 cross-platform page template, 174 device s camera, 176 JavaScript code, 178 region template, 177 super.loadurl, 185 using iframe, 183 API, 154 application packaging and distribution, 155 device features, 154 PhoneGap Build, 187 compilation, 189 config.xml, 189 onload event, 188 user interface, 153 WebView, 153 whitelisting, 173 configuration, 173 syntax, 173

5 T, U, V Theming, 117 customization APEX repository and reference, 124 debug mode, 125 download, points, 125 replacement, 124 F swatch, 122 global swatch changes generated CSS, 120 global setting, 121 gradient active state button, 120 icons custom icon, 129 definition, 128 high-resolution, 130 low-resolution, 129 media query, ordering, 128 references, 127 serve image, 129 ThemeRoller sprite, 127 wrap up, 130 ThemeRoller custom-designed themes, 117 default theme, 119 import button, 118 location, 117 screen, 118 swatches, 119 user swatch definition, 125 page template, 127 PL/SQL process, 125 set preference process, 126 W, X, Y, Z Web apps, 151 Whitelisting,