Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
3400_how_to:1000_mobile_applications [2026/08/13 07:33] – Imported by DokuWiki Advanced Plugin aware_support33400_how_to:1000_mobile_applications [2026/08/13 07:43] (current) – Imported by DokuWiki Advanced Plugin aware_support3
Line 4: Line 4:
  
 <anchor id="create_a_mobile_version_of_a_desktop_application"> <anchor id="create_a_mobile_version_of_a_desktop_application">
-<accordion-item title="create a mobile version of a desktop application" type="primary">+<accordion-item title="create a mobile version of a desktop application">
 Starting from version 7.0 all features available for desktop applications are available for mobile applications as well and the other way around. However, because real estate on mobile platforms is severely limited you may want to create a special version for mobile phones and/or tablets that will use slightly different features compared to the desktop application. Starting from version 7.0 all features available for desktop applications are available for mobile applications as well and the other way around. However, because real estate on mobile platforms is severely limited you may want to create a special version for mobile phones and/or tablets that will use slightly different features compared to the desktop application.
  
Line 11: Line 11:
  
 <anchor id="display_thumbnails_images_with_descriptions_that_the_user_can_tap_on"> <anchor id="display_thumbnails_images_with_descriptions_that_the_user_can_tap_on">
-<accordion-item title="display thumbnails – images with descriptions that the user can tap on" type="primary">+<accordion-item title="display thumbnails – images with descriptions that the user can tap on">
 This feature is very often used in mobile applications. To create a thumbnail view use a custom presentation of query results. See the “[[2500_config_apps:1100_add_edit_queries:0200_display_results|Displaying Query Results]]” section (“[[2500_config_apps:1100_add_edit_queries:0200_display_results:0200_custom_view|Custom Presentation]]” – thumbnail view presentation template). You can use either the “custom template” option or a “custom mobile template” option. The latter uses a special widget that supports grouping, infinite scrolling checkbox selection and operations.  This feature is very often used in mobile applications. To create a thumbnail view use a custom presentation of query results. See the “[[2500_config_apps:1100_add_edit_queries:0200_display_results|Displaying Query Results]]” section (“[[2500_config_apps:1100_add_edit_queries:0200_display_results:0200_custom_view|Custom Presentation]]” – thumbnail view presentation template). You can use either the “custom template” option or a “custom mobile template” option. The latter uses a special widget that supports grouping, infinite scrolling checkbox selection and operations. 
  
 If you use the “custom template” you will be able to use a “scroll view”, which is very popular for mobile applications – it displays one image at a time and users can swipe to the next or previous image.</accordion-item> If you use the “custom template” you will be able to use a “scroll view”, which is very popular for mobile applications – it displays one image at a time and users can swipe to the next or previous image.</accordion-item>
 <anchor id="display_grids_lists_with_column_names"> <anchor id="display_grids_lists_with_column_names">
-<accordion-item title="display grids – lists with column names" type="primary">+<accordion-item title="display grids – lists with column names">
 Use regular grids (Queries with standard presentation). If your query uses inline editing or filtering make sure you tick the “Mobile rendering” option for the query (available through the More button)</accordion-item> Use regular grids (Queries with standard presentation). If your query uses inline editing or filtering make sure you tick the “Mobile rendering” option for the query (available through the More button)</accordion-item>
  
 <anchor id="define_mobile_application_menus"> <anchor id="define_mobile_application_menus">
-<accordion-item title="define mobile application menus" type="primary">+<accordion-item title="define mobile application menus">
 Usually for a mobile application running on a phone you would define two menus – the top toolbar and the slide-out menu (of course, both are optional). Defining the toolbar is simple – you just define a menu of the Toolbar type in the Top Bar frame of your visual perspective. Most likely you will place at least two buttons on this toolbar – the button that slides out the main menu and the button that implements the “Go back” functionality.  Usually for a mobile application running on a phone you would define two menus – the top toolbar and the slide-out menu (of course, both are optional). Defining the toolbar is simple – you just define a menu of the Toolbar type in the Top Bar frame of your visual perspective. Most likely you will place at least two buttons on this toolbar – the button that slides out the main menu and the button that implements the “Go back” functionality. 
  
Line 29: Line 29:
  
 <anchor id="display_forms"> <anchor id="display_forms">
-<accordion-item title="display forms" type="primary">+<accordion-item title="display forms">
 Use regular forms for business objects. Some of the features of business object forms that you may find useful on mobile devices are listed below: Use regular forms for business objects. Some of the features of business object forms that you may find useful on mobile devices are listed below:
  
Line 41: Line 41:
  
 <anchor id="display_gallery_view"> <anchor id="display_gallery_view">
-<accordion-item title="display “gallery view”" type="primary">+<accordion-item title="display “gallery view”">
  ======  ======
 A popular feature on mobile devices is to show one image at a time with the user being able to swipe back and forth to display the next or previous image. To implement this feature use [[2000_concepts:0700_data_presentation:0200_query_results_custom|Queries in Custom Form]], select the “Use Custom Data Template” option and then tick the “Use mobile scroll view” checkbox </accordion-item> A popular feature on mobile devices is to show one image at a time with the user being able to swipe back and forth to display the next or previous image. To implement this feature use [[2000_concepts:0700_data_presentation:0200_query_results_custom|Queries in Custom Form]], select the “Use Custom Data Template” option and then tick the “Use mobile scroll view” checkbox </accordion-item>
  
 <anchor id="upload_an_image_from_camera_or_photo_library_of_the_phone"> <anchor id="upload_an_image_from_camera_or_photo_library_of_the_phone">
-<accordion-item title="upload an image from camera or photo library of the phone" type="primary">+<accordion-item title="upload an image from camera or photo library of the phone">
 One approach is to define an attribute of the Picture type for one of your forms. //**AwareIM**// will automatically generate controls to upload the image from a camera or photo library. This approach will work in both browser-based mobile applications and native mobile applications.  One approach is to define an attribute of the Picture type for one of your forms. //**AwareIM**// will automatically generate controls to upload the image from a camera or photo library. This approach will work in both browser-based mobile applications and native mobile applications. 
  
Line 60: Line 60:
  
 <anchor id="display_a_picture_full_screen"> <anchor id="display_a_picture_full_screen">
-<accordion-item title="display a picture full screen" type="primary">+<accordion-item title="display a picture full screen">
  
 The quickest way is to define an attribute of the Picture type in some object and then define a special form with one form section and one cell showing the Picture attribute. For more details see the [[3300_mobile_apps:monaca|AwareIM For Mobile Devices]] document.</accordion-item> The quickest way is to define an attribute of the Picture type in some object and then define a special form with one form section and one cell showing the Picture attribute. For more details see the [[3300_mobile_apps:monaca|AwareIM For Mobile Devices]] document.</accordion-item>
  
 <anchor id="display_a_pdf_document"> <anchor id="display_a_pdf_document">
-<accordion-item title="display a PDF document" type="primary">+<accordion-item title="display a PDF document">
 Just define an attribute of the Document type to store your PDF document. //**AwareIM**// will automatically generate controls to view the document on mobile devices at runtime.</accordion-item> Just define an attribute of the Document type to store your PDF document. //**AwareIM**// will automatically generate controls to view the document on mobile devices at runtime.</accordion-item>
  
 <anchor id="determine_and_watch_location_of_the_current_user"> <anchor id="determine_and_watch_location_of_the_current_user">
-<accordion-item title="determine and watch location of the current user" type="primary">+<accordion-item title="determine and watch location of the current user">
 It may be necessary for your application to determine the location of the current user – for example, if it needs to calculate users or places of interest closest to the current user.  It may be necessary for your application to determine the location of the current user – for example, if it needs to calculate users or places of interest closest to the current user. 
  
Line 92: Line 92:
  
 <anchor id="build_native_mobile_applications"> <anchor id="build_native_mobile_applications">
-<accordion-item title="build native mobile applications" type="primary">+<accordion-item title="build native mobile applications">
  
 This is explained in the “[[3300_mobile_apps:monaca]]” section in the [[3300_mobile_apps:monaca]] document.  This is explained in the “[[3300_mobile_apps:monaca]]” section in the [[3300_mobile_apps:monaca]] document. 
Line 101: Line 101:
  
 <anchor id="remember_user_credentials_to_prevent_multiple_logins"> <anchor id="remember_user_credentials_to_prevent_multiple_logins">
-<accordion-item title="remember user credentials to prevent multiple logins" type="primary">+<accordion-item title="remember user credentials to prevent multiple logins">
  
 On mobile phones a user may want to login only the first time he/she accesses an application and then the application should remember the user credentials, so that the next time the user accesses the application he/she does not have to login again. //**AwareIM**// provide a form called ''logonM.html'' that includes a checkbox called “Remember me”. If the user ticks this checkbox he/she will not have to login again. The default URL for this form is: On mobile phones a user may want to login only the first time he/she accesses an application and then the application should remember the user credentials, so that the next time the user accesses the application he/she does not have to login again. //**AwareIM**// provide a form called ''logonM.html'' that includes a checkbox called “Remember me”. If the user ticks this checkbox he/she will not have to login again. The default URL for this form is:
Line 112: Line 112:
  
 <anchor id="send_push_notifications_to_a_mobile_phone"> <anchor id="send_push_notifications_to_a_mobile_phone">
-<accordion-item title="send push notifications to a mobile phone" type="primary">+<accordion-item title="send push notifications to a mobile phone">
  
 Sending push notifications to mobile phones is only supported for native mobile applications. If you want to send push notifications to mobile phones in your native mobile applications there are several major steps involved. Most of them need only to be done once. Sending push notifications to mobile phones is only supported for native mobile applications. If you want to send push notifications to mobile phones in your native mobile applications there are several major steps involved. Most of them need only to be done once.
Line 157: Line 157:
  
 <anchor id="integrate_custom_cordova_components_in_native_mobile_applications"> <anchor id="integrate_custom_cordova_components_in_native_mobile_applications">
-<accordion-item title="integrate custom Cordova components in native mobile applications" type="primary">+<accordion-item title="integrate custom Cordova components in native mobile applications">
  
 Cordova plugins are components that provide access to some built-in features of mobile phones, (such as camera or contacts), for which there is no Javascript access. When components are integrated into the system these features become available through some special Javascript functions that the plugin makes available to the developer. Cordova plugins can only be used in native mobile applications. Cordova plugins are components that provide access to some built-in features of mobile phones, (such as camera or contacts), for which there is no Javascript access. When components are integrated into the system these features become available through some special Javascript functions that the plugin makes available to the developer. Cordova plugins can only be used in native mobile applications.