App Builder - Create Branding Variables Crate

If you’re new to Crates, read through our introductory Crate documentation here. Find the Amend Mailbox Permissions Crate in our Crate Marketplace.

What does the App Builder - Create Branding Variables Crate do?

Our App Builder - Create Branding Variables Crate contains a form that enables users to update the style variables for any prebuilt app, such as the Forms Portal, End User Portal, or Reporting Portal. It retrieves the current branding settings for the selected app and theme of dark or light, and displays them to the user. Users can then input new hex codes for their colors and upload logos if necessary. Upon submission, the Crate updates the relevant style templates and applies the new branding site-wide for the selected app.

• The crate doesn't perform CSS modifications outside of predefined variables, such as specific layout changes or custom font adjustments.

• It doesn't apply changes automatically without user input. Manual form submission is required to update branding.

• It doesn't support highly complex custom CSS overrides, as this crate focuses on simplifying the branding process.

This Crate also supports configuration at both the MSP and customer levels, allowing different branding for different user groups depending on who logs into the portal.

Why use the App Builder - Create Branding Variables Crate?

The Create Branding Variables Crate allows MSPs to effortlessly update the branding of their prebuilt apps by modifying colors and logos without needing to manually edit CSS. By simply inputting hex codes and selecting themes, apply consistent branding across all apps in just a few clicks, ensuring a professional look that matches either your own or your clients’ visual identity.

Unpack the App Builder - Create Branding Variables Crate

1. Navigate to Crates > Crate Marketplace in the left side menu Rewst platform.

2. Search for the Amend Mailbox Permissions Crate.

3. Click on the Crate tile to begin unpacking.

   

4. Click Continue.

5. Click Unpack.

Use the Crate

Ensure that your hex codes and logos are consistent across your brand to provide a polished, professional look for your users and clients.

1. Navigate to Automations > Forms in the left side menu of your Rewst platform.

2. Search for [App Builder] Set Branding Styles.

3. Click ⋮ > Usages > View Direct URLs.

4. Click on the form link for your desired organization. This will launch the form in a new browser tab.

5. Use the fields and selectors on the form to update your app's appearance as you wish.

6. Click Submit. The changes will be live on your app as soon as the workflow is finished running.

Got an idea for a new Crate? Rewst is constantly adding new Crates to our Crate Marketplace. Submit your idea or upvote existing ideas here in our Canny feedback collector.