Difference between revisions of "Theme"

From Resco's Wiki
Jump to: navigation, search
(Created page with "{{Wikipedia|Theme (computing)}} {{Branding TOC}} The default colors in the Resco Mobile CRM app can be modified by tweaking the theme. This allows you to apply your corpor...")
 
(Changing the theme)
 
(3 intermediate revisions by the same user not shown)
Line 8: Line 8:
  
 
== Changing the theme ==
 
== Changing the theme ==
Setup is WYSIWYG, so you can click on any sections on the preview to change its color. The changes will be shown immediately in the preview.
+
Setup is WYSIWYG. You can click on any sections on the preview to change its color. The changes are displayed immediately in the preview.
  
If you want to see all items, the color of which you can change, you need to click on Show Color List.
+
The right pane displays a list of unique color styles used in the app. You can click each item to select a replacement color.
  
 
{{Note|Colors set for ListForeground and ListSelForeground for [[View]]s and TabForeground and TabSelForeground for tab are also used for icons, that were [[Images#Colorize|colorized]], when importing via [[Images]] section.|Hint}}
 
{{Note|Colors set for ListForeground and ListSelForeground for [[View]]s and TabForeground and TabSelForeground for tab are also used for icons, that were [[Images#Colorize|colorized]], when importing via [[Images]] section.|Hint}}
  
It is also possible to create separate color versions for different platforms. Platform dependent changes will be used instead of the All Platforms color theme.
+
Click '''Custom Home''' to switch to an alternative design of the [[Home screen]].
* Customize – ios – Apple iOS platform
 
* Customize – android – Google Android platform
 
* Customize – win – Windows desktop, application, installation file of which can be downloaded from our website
 
* Customize – winrt – Windows RT, 8, 8.1 Metro style applications available from Windows Store
 
  
{{Note|WinRT only accepts foreground color changes.}}
+
Click '''Icon Pack''' and select one of the predefined icon packs. Icons are not replaced in the preview.
 +
* Default
 +
* Modern2018
 +
* Scandinavian
  
At the bottom, there is the '''Palette''' – list of colors that are used in the current theme. By changing the palette color, all items that use this palette color will be changed accordingly.
+
Click '''Load Preset''' to revert all changes and return to any of the pre-configured themes:
 +
* Default (blue)
 +
* Modern (different blue)
 +
* Scandinavian (teal)
  
After using the '''Load Preset''' button, all changes will be reverted back to the default setting.
+
You can export the current theme setup and download it using the '''Export''' button (for example, to use it in another project). Click '''Import''' to upload a theme file and apply it.
 
 
You can export the current theme setup and save it by using the '''Export''' button (to use it in another project for example). '''Import''' will import a theme setup and apply it.
 
  
 
== See also ==
 
== See also ==
* You can check our blog post about [http://blog.resco.net/2014/07/02/colorthemes/ themes] for an example of work with themes.
+
* You can check our blog post about [http://blog.resco.net/2014/07/02/colorthemes/ themes] for an example of work with themes. {{Badge|Blog}}
  
 
[[Category:Woodford]]
 
[[Category:Woodford]]

Latest revision as of 11:05, 4 December 2019

Wikipedia logo
Wikipedia has an article on the same subject:
Branding and customization

The default colors in the Resco Mobile CRM app can be modified by tweaking the theme. This allows you to apply your corporate colors to the app.

Edit an app project and select Theme from the Project menu of Woodford to alter the theme.

View styles set for specific field(s) on a view have higher priority and override the theme color settings. To learn more about view styles, see View styles. You can also check Row scripts.

Changing the theme

Setup is WYSIWYG. You can click on any sections on the preview to change its color. The changes are displayed immediately in the preview.

The right pane displays a list of unique color styles used in the app. You can click each item to select a replacement color.

Hint Colors set for ListForeground and ListSelForeground for Views and TabForeground and TabSelForeground for tab are also used for icons, that were colorized, when importing via Images section.

Click Custom Home to switch to an alternative design of the Home screen.

Click Icon Pack and select one of the predefined icon packs. Icons are not replaced in the preview.

  • Default
  • Modern2018
  • Scandinavian

Click Load Preset to revert all changes and return to any of the pre-configured themes:

  • Default (blue)
  • Modern (different blue)
  • Scandinavian (teal)

You can export the current theme setup and download it using the Export button (for example, to use it in another project). Click Import to upload a theme file and apply it.

See also

  • You can check our blog post about themes for an example of work with themes. Blog