Home screen: Difference between revisions

Jump to navigation Jump to search

Home screen (view source)

Revision as of 17:22, 20 January 2025

772 bytes added ,  20 January
→‎Custom design
Line 132: Line 132:
Home items can be renamed using [[localization]]. See how to [[Localization_examples#Entity_item_on_home_screen|change the title, subtitle, and icon]] of an entity on home screen.  
Home items can be renamed using [[localization]]. See how to [[Localization_examples#Entity_item_on_home_screen|change the title, subtitle, and icon]] of an entity on home screen.  


== Custom design ==
== Custom colors and design ==


You can customize the colors and fonts of the home screen. Click '''Design''' to open the home designer. Essentially, this works very similarly to a view designer, but much more limited, many options are unavailable for home.
;Default color matches the view
* You can design the size and colors of a home item.
 
The color scheme of the home screen is configured in the [[theme]] editor. By default, home screen mirrors the style of [[view]] settings.  In the '''Color''' pane, this is grouped under a '''View (List)''' group [2]. Therefore, any color change in the '''View (List)''' [2] also appears on the home screen [1].
 
[[File:Home-screen-colors-in-theme.png|600px|alt=change home screen colors along with view]]
 
;Separate color scheme for home
 
If you want to differentiate the home screen and create an independent color scheme for it, click '''Custom Home'''. This adds a new '''Home''' section [2] to the '''Color''' pane. Note that the home screen [1] has a different color scheme that the view.
 
[[File:Home-screen-custom-colors-in-theme.png|600px|alt=separate color settings for home]]
 
;Custom home design
 
Resco Mobile CRM comes with a default, predefined layout of elements on a home screen row. To create your own set '''"Home screen" Design''' to "Custom", then click '''Open Designer'''.
 
[[File:Custom-home-design.png|600px|alt=starting custom home designer]]
 
Home designer works very similarly to a view designer, but much more limited (many options are unavailable for home).
* You can change the size and position of items in a home screen row.
* You can add only the following fields: title, subtitle, and icon.
* You can add only the following fields: title, subtitle, and icon.
* You can use the [[Style_editor#Views_and_home_screen|style editor]] to modify the styles.
* You can use the [[Style_editor#Views_and_home_screen|style editor]] to modify the styles.
* You can add additional images.
* You can add additional images.


Resco mobile apps come with a second default home screen design. Select '''Design > [[Theme]]''' from the '''Project''' menu and enable '''Custom Home'''. When this customized home is enabled, modifications of the home screen design do not apply. <!-- Custom Home function was removed in [[Releases/Summer_2023|Release 16.1]].  IT WAS NOT HAHA -->
[[File:Custom-home-designer.png|600px|alt=designing a custom home screen row layout]]


;JSBridge
You can use [[Offline HTML]] to perform more serious modifications of the home screen, or even overhaul the entire user interface of the app.
You can use [[Offline HTML]] to perform more serious modifications of the home screen, or even overhaul the entire user interface of the app.




Retrieved from "https://docs.resco.net/wiki/Special:MobileDiff/11920"

Navigation menu