Enterprise branding configuration provisioning
Examples described herein include systems and methods for providing a GUI customization tool for customizing a GUI template. The GUI can provide multiple customization options for altering the appearance of the GUI template. Template previews can be displayed in conjunction with the customization options. The template previews can represent different display platforms, such as a web browser, a desktop application, or a mobile device. The GUI customization tool can receive selections of the customization options. Upon receiving a selection, the GUI customization tool can update the template previews according to the selection made. The template previews can be updated in real time.
1. A method for graphical user interface (“GUI”) template customization, comprising:
receiving a selection of one of a plurality of tenants in a GUI customization tool;
providing customization options in the GUI customization tool, wherein each of the customization options corresponds to a component of a template for a GUI specific to the selected tenant;
simultaneously displaying a plurality of previews of the GUI template in conjunction with the customization options, wherein each of the plurality of previews displays a different platform configuration of the GUI, and wherein a GUI component is included in each of the different platform configurations and is displayed in each of the plurality of previews;
receiving a first selection of one of the customization options, the selected customization option being mapped to the GUI component in a first platform configuration and not to the GUI component in a second platform configuration, the first platform configuration corresponding to a first preview of the plurality of previews, and the second platform configuration corresponding to a second preview of the plurality of previews;
while simultaneously displaying the plurality of previews, including the first and second previews, updating, based on the selection, the GUI component in the first preview and not in the second preview;
receiving a second selection for saving changes made to the GUI template; and
in response to the second selection, modifying a first configuration file corresponding to the first platform configuration, wherein modifying the configuration file includes changing a setting of the GUI component based on the first selection, wherein a second configuration file corresponding to the second platform configurations is not modified to change the setting of the GUI component based on the first selection.
2. The method of claim 1 , wherein the first preview is updated in real-time in response to the selection.
3. The method of claim 1 , wherein the simultaneously displayed platform configurations are for at least one of a web page, a mobile device, and a desktop application.
4. The method of claim 1 , wherein updating the first preview includes applying navigation bar settings to a first tab bar in the first preview and not applying the navigation bar settings to a second tab bar in the second preview.
5. The method of claim 1 , further comprising:
storing the selected customization options in a cache;
receiving a selection to save the template; and
transmitting the selected customization options to a storage device.
6. The method of claim 5 , wherein transmitting the selected customization options to a storage device causes the GUI template to be updated according to the selected customization options.
7. The method of claim 1 , wherein the plurality of previews simultaneously display the different display platforms according to a saved template for the tenant.
8. A non-transitory, computer-readable medium containing instructions that, when executed by a hardware-based processor, performs stages for graphical user interface (“GUI”) template customization, the stages comprising:
receiving a selection of one of a plurality of tenants in a GUI customization tool;
providing customization options in the GUI customization tool, wherein each of the customization options corresponds to a component of a template for a GUI specific to the selected tenant;
simultaneously displaying a plurality of previews of the GUI template in conjunction with the customization options, wherein each of the plurality of previews displays a different platform configuration of the GUI, and wherein a GUI component is included in each of the different platform configurations and is displayed in each of the plurality of previews;
receiving a first selection of one of the customization options, the selected customization option being mapped to the GUI component in a first platform configuration and not to the GUI component in a second platform configuration, the first platform configuration corresponding to a first preview of the plurality of previews, and the second platform configuration corresponding to a second preview of the plurality of previews;
while simultaneously displaying the plurality of previews, including the first and second previews, updating, based on the selection, the GUI component in the first preview and not in the second preview;
receiving a second selection for saving changes made to the GUI template; and
in response to the second selection, modifying a first configuration file corresponding to the first platform configuration, wherein modifying the configuration file includes changing a setting of the GUI component based on the first selection, wherein a second configuration file corresponding to the second platform configurations is not modified to change the setting of the GUI component based on the first selection.
9. The non-transitory, computer-readable medium of claim 8 , wherein the first preview is updated in real-time in response to the selection.
10. The non-transitory, computer-readable medium of claim 8 , wherein the simultaneously displayed platform configurations are for at least one of a web page, a mobile device, and a desktop application.
11. The non-transitory, computer-readable medium of claim 8 , wherein updating the first preview includes applying navigation bar settings to a first tab bar in the first preview and not applying the navigation bar settings to a second tab bar in the second preview.
12. The non-transitory, computer-readable medium of claim 8 , the stages further comprising:
storing the selected customization options in a cache;
receiving a selection to save the template; and
transmitting the selected customization options to a storage device.
13. The non-transitory, computer-readable medium of claim 8 , wherein transmitting the selected customization options to a storage device causes the GUI template to be updated according to the selected customization options.
14. The non-transitory, computer-readable medium of claim 8 , wherein the plurality of previews simultaneously display the different display platforms according to a saved template for the tenant.
15. A system for graphical user interface (“GUI”) template customization, comprising:
a memory storage including a non-transitory, computer-readable medium comprising instructions; and
a computing device including a hardware-based processor that executes the instructions to carry out stages comprising:
receiving a selection of one of a plurality of tenants in a GUI customization tool;
providing customization options in the GUI customization tool, wherein each of the customization options corresponds to a component of a template for a GUI specific to the selected tenant;
simultaneously displaying a plurality of previews of the GUI template in conjunction with the customization options, wherein each of the plurality of previews displays a different platform configuration of the GUI, and wherein a GUI component is included in each of the different platform configurations and is displayed in each of the plurality of previews;
receiving a first selection of one of the customization options, the selected customization option being mapped to the GUI component in a first platform configuration and not to the GUI component in a second platform configuration, the first platform configuration corresponding to a first preview of the plurality of previews, and the second platform configuration corresponding to a second preview of the plurality of previews;
while simultaneously displaying the plurality of previews, including the first and second previews, updating, based on the selection, the GUI component in the first preview and not in the second preview;
receiving a second selection for saving changes made to the GUI template; and
in response to the second selection, modifying a first configuration file corresponding to the first platform configuration, wherein modifying the configuration file includes changing a setting of the GUI component based on the first selection, wherein a second configuration file corresponding to the second platform configurations is not modified to change the setting of the GUI component based on the first selection.
16. The system of claim 15 , wherein the first preview is updated in real-time in response to the selection.
17. The system of claim 15 , wherein the simultaneously displayed platform configurations are for at least one of a web page, a mobile device, and a desktop application.
18. The system of claim 15 , wherein updating the first preview includes applying navigation bar settings to a first tab bar in the first preview and not applying the navigation bar settings to a second tab bar in the second preview.
19. The system of claim 15 , the stages further comprising:
storing the selected customization options in a cache;
receiving a selection to save the template; and
transmitting the selected customization options to a storage device.
20. The system of claim 19 , wherein transmitting the selected customization options to a storage device causes the GUI template to be updated according to the selected customization options.