Customizing app appearance

Normally, all the decorative elements on your application pages are generated by Quick Base and don't relate directly to your own working environment. But if you've created an application for a specific group or company, you may want to change some page elements to better reflect who's using your application. You may also be looking for a way to add a link to help viewers open a special web site, like your own corporate site or a page on your firm's intranet.

Application managers can customize the appearance of an app.

What you can change

You can change:

  • App icon and color. – For the app icon that appears on My Apps, you can select a different icon image and color.

  • Colors in the header. – You can change the background color of the banner that appears at the top of your Quick Base pages, as well as the color of any text you enter in the right and left elements.

  • Left and right header elements. – You can use different text and images, including hyperlinks, in the left and right corners of the header.

  • Right-side Quick Base options. – You can choose to hide the Alerts button and the user menu.

  • Text, images, and links in the footer. – You can add a bottom right footer element, allowing you to add text or images to the bottom right of your pages. Like the header elements, the footer element can be a link to another web page.

  • Text and images in your email notifications and report subscriptions. – You can customize your email notifications and report subscriptions by adding text and images to the top of these email messages.

  • The appearance of charts. – You can choose to show charts using 3D shading throughout your app.

About adding images

If you want to add an image to your header or footer, or to your email notifications or report subscriptions, you must provide Quick Base with the URL, or the location on the Internet where the image resides. This means your image needs to be stored in one of two places:

  • Internet – Ensure your image uses a secure URL (one that begins with https).

  • File attachment in an app record – If you store your images this way, you must ensure that the table that stores these images is accessible by everyone on the internet.

Tip: You can obtain the URL of an image stored as a file attachment in Quick Base by opening the record where you stored the picture as an attached file. Click the link to open the attached file and copy the URL from within your browser's address bar. (You can also right-click the link and select Properties to display the URL.) Paste the full web address in the desired element link field under Custom Page Banner.

To change the app icon and color:
  1. From the app home page, click Settings.

  2. Under App icon & color, click Edit.

  3. Use the Update app dialog to select a different app icon. You can select a different color from the list, or enter the hex value for the color you want.

To navigate to the Customize Page Banner page:
  1. From the app home page, click Settings.

  2. Click App properties, then click Branding & custom help. (If your account is on the Quick Base Essential plan, this section will be called Branding.)

  3. Click Branding to expand the section, if necessary, and select the Custom header & footer check box.

To hide the options on the right side of the Global bar:

To hide the Alerts button and the user drop down on the top of your application pages:

  1. Click the Header tab.

  2. Select the Hide Quick Base standard menu options check box.

To add text or images to your header or footer:
  1. Click the appropriate tab (Header or Footer).

  2. Click Basic.

  3. Enter the text or the image location in the Left Element and Right Element boxes. (Note that you can enter only a Right Element for the footer.)

To add a link to a header or footer element:
  1. Click the appropriate tab (Header or Footer).

  2. Click the link icon, , next to the Right or Left Element, type the Web address to link an image or text to a web page.

  3. Click Save.

To set header color preferences:

You specify custom colors for your header text and background using the Colors area of Header tab. Specify custom colors by completing one of the following tasks:

  • Type a color name for basic colors or enter a hexadecimal value in either the Text or Background fields.
    Hexadecimal values tell web browsers exactly what color to display by indicating alphanumerically how much red, blue and green the color contains.

  • Click the color chooser icon next to the Background and Text boxes to browse and select from the color options shown there.

Tip: To learn more about hexadecimal values, and to see the complete list of basic colors you can enter, you can read about web colors on the World Wide Web Consortium (W3C) site.

To add text or an image to email notifications and report subscriptions:
  1. Select the Customize Emails check box.

  2. Enter text or the URL to an image file that you want to display at the top of any emails that your application generates. Read more.

Related Topics: