Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision		 Previous revision
docs:3300_mobile_apps:050_mobile_applications [2022/08/25 00:00] – ↷ Page moved from 3300_mobile_apps:050_mobile_applications to docs:3300_mobile_apps:050_mobile_applications administratordocs:3300_mobile_apps:050_mobile_applications [2025/06/12 03:59] (current) – Change to AwareIM aware_support3
Line 1: Line 1:
-{{tag>Manuals Mobile_Applications Queries}}+{{tag>Manuals Mobile_Applications Query}}
 [<10>] [<10>]
 ====== Using Queries ====== ====== Using Queries ======
Line 9: Line 9:
 Query results for standard presentation are displayed as a list of rows and columns with column headings – feel free to use them in your mobile applications. Obviously make sure that the columns fit on the mobile screen. You can even use the same queries as for desktop applications and turn visibility of certain columns off for mobile screens. In order to do this click on the “Display as” property in the list of query properties to bring up the “Display Query Results” dialog, select the column you want to turn off in the “Attributes to Display” dialog. Then click on the “More…” button above the attributes table and then click on the “Responsiveness…” button. Then define that the column should be invisible for small screen sizes. Query results for standard presentation are displayed as a list of rows and columns with column headings – feel free to use them in your mobile applications. Obviously make sure that the columns fit on the mobile screen. You can even use the same queries as for desktop applications and turn visibility of certain columns off for mobile screens. In order to do this click on the “Display as” property in the list of query properties to bring up the “Display Query Results” dialog, select the column you want to turn off in the “Attributes to Display” dialog. Then click on the “More…” button above the attributes table and then click on the “Responsiveness…” button. Then define that the column should be invisible for small screen sizes.
  
-If you query uses inline editing or filters make sure that you tick the “Mobile style rendering” checkbox available when you click on the More button in the “Other Settings” section of the Display Settings dialog. This will make sure that //**Aware IM**// uses a special mobile-friendly user interface for inline editing and filters.+If your query uses inline editing or filters make sure that you tick the “Mobile style rendering” checkbox available when you click on the More button in the “Other Settings” section of the Display Settings dialog. This will make sure that //**AwareIM**// uses a special mobile-friendly user interface for inline editing and filters.
  
-{{ documentation:images:mobile_query_example.png?nolink&400 |}}+{{ docs:images:mobile_query_example.png?nolink&400 |}}
  
 ===== Custom Presentation ===== ===== Custom Presentation =====
  
-This form of query presentation can be very useful for mobile applications – especially, the data template that allows display query results as thumbnails – see the picture below:+This form of query presentation can be very useful for mobile applications – especially, the data template that allows to display query results as thumbnails – see the picture below:
  
-{{ documentation:images:mobile_query_custom_example.png?nolink&400 |}}+{{ docs:images:mobile_query_custom_example.png?nolink&400 |}}
  
  
-There are two options that you can choose in the Query editor when you define a custom query for mobile applications: +Several properties of this type of query can be especially useful for mobile applications: 
- +  - "Scroll View" widget (this is a popular feature on mobile devices where the user can view one image at a time and swipe back and forth between images_ 
-  - Use Custom Data Template +  - Infinite scrolling without the need to page explicitly (this can be specified in the Display Settings property by setting Unlimited to the Display items control).
-  - Use Mobile Data Template +
-The two types of templates above are implemented by different widgets and support different functionality. +
- +
-The first template (Custom Data Template) supports the following features which are not supported by the “Mobile Data Template”: +
- +
-  - Paging +
-  - Horizontal layout +
-  - Scroll View (this is a popular feature on mobile devices where the user can view one image at a time and swipe back and forth between images +
-We recommend that you use this template only if you need to display a horizontal layout of thumbnails or if you want to implement a “scroll view”. +
- +
-In other cases you are better off using the “Mobile Data Template” (as shown on the picture above) which supports more mobile-friendly features, such as: +
- +
-  - Infinite scrolling without the need to page explicitly +
-  - Group headings (you can group your data – for example, by the first letter and //**Aware IM**// will show the letter as the heading for the group. Moreover, it can keep displaying the group header while you are scrolling – “fixed headers”)+
   - Checkbox selection of items   - Checkbox selection of items
-  - Simple filtering +  - Filtering using the Single Search Control filter 
-  - The operations button. When the user taps on this button Aware IM pops down the list of operation applicable to the selected data item – see the picture below. +  - Operations with Records button. When the user taps on this button AwareIM pops down the list of operation applicable to the selected data item – see the picture below. 
  
-{{ documentation:images:mobile_query_custom_operations_example.png?nolink&400 |}}+{{ docs:images:mobile_query_custom_operations_example.png?nolink&400 |}}
  
  
Line 50: Line 36:
 Make sure that you tick the “Mobile-style rendering” option available through the More button in the “Other Settings” section of the “Display Settings” dialog. This will make sure that the calendar appointments are created using mobile-friendly interface. Make sure that you tick the “Mobile-style rendering” option available through the More button in the “Other Settings” section of the “Display Settings” dialog. This will make sure that the calendar appointments are created using mobile-friendly interface.
  
-{{ documentation:images:mobile_query_calendar_example.png?nolink&400 |}}+{{ docs:images:mobile_query_calendar_example.png?nolink&400 |}}
  
  
Line 57: Line 43:
 This form of query presentation can be used as is in mobile applications.  This form of query presentation can be used as is in mobile applications. 
  
-{{ documentation:images:mobile_query_charts_example.png?nolink&400 |}}+{{ docs:images:mobile_query_charts_example.png?nolink&400 |}}
  
  
  
  
  • Last modified: 2022/09/13 18:09