Style your Resource Center

Last updated:

Note: This article covers the new Visual Design Studio Guide experience, launched Feb. 18th, 2019. If you were a customer before this date and would like to use the former Guide Center, see Guide Center (Classic)

The Resource Center (formerly the Guide Center) houses additional in-context help, such as direct access to Knowledge Base articles or onboarding in-app guides, which you can make readily available to your end users. To do this, build your Resource Center using modules, such as Guides list or Onboarding, or integrations modules for Knowledge Base and live chat.

Once you configure your Resource Center modules, you can open it in the Visual Design Studio and customize the look and feel to match your application branding. For more information, see Overview of the Resource Center.

Requirements

To access and customize your Resource Center, you need Admin permissions to your Pendo subscription. Once you have Admin access, go to Guides > Resource Center in the left-side navigation. 

Manage In-App

You can manage your Resource Center in your app by opening it in the Visual Design Studio:

  1. In the Resource Center page, select a resource center.
  2. Select Manage In My App.
  3. In the prompt that displays, enter your app’s URL or where you’d like to see your preview.
  4. Select Launch Designer.

Designer interface

The Visual Design Studio user interface includes the following:

  • The top Action Bar includes: Navigation Mode, Exit & Save buttons, error notifications, move Action Bar up or down
  • Select on the dropdown arrow underneath the Action Bar (center) to see options for activation, Home View, and modules you added.
  • Select your Home View or modules to open your Edit options.
  • In the bottom right-hand side, you can see a preview of your Resource Center as you edit.
RC_user_interface.png

For more information, see Get started with Visual Design Studio

Customize the Home view

The Home view is what you see when you activate the Resource Center, including all the modules you want you provide your users,. Your home view might look something like this:

home_view.png

In the Edit Home View window, customization options include Content and Styling.

edit_home_view.png

Content

In the Content section, you can change the Home view display name, and titles or subtitles, for all your modules. Resource Center is the default name Pendo uses. This title displays at the top of your Home view for all of your users. You can change the name in the Resource Center Title field.

 

Modules

Depending on what modules you choose to add and configure in your Resource Center, you can see additional options to update their titles.

Styling

In the Styling tab are the options for styling your Resource Center:

  • Container
  • Header
  • Module Section
styling_tab.png

Container

  • Background Color - Applies to the background color for all modules including the header
  • Dimensions - Applies to the entire Resource Center size
  • Carets - Applies to all carets in the Resource Center
  • Spacing - Applies to the padding on the left and right side of each module

Header

  • Top and Bottom Border - Change the border colors and weight for all top headers
  • Font - Customize font properties for your Resource Center title
  • Close Button - Applies to all Close buttons in all modules

Module Sections

  • Title Font - Customize font properties for all module titles on the home view only
  • Subtitle Font - Customize font properties for all module subtitles on the home view only
  • Dividers - Applies to all module section dividers in the home view
  • Spacing - Add padding above or below the module title/subtitle to change the height

When you’re satisfied with your Resource Center style, be sure to save your changes.

 

Frequently asked questions

Can I style Guide List or Onboarding Modules yet?

Updating the Resource Center header, dimensions, background color, and carets impacts the other modules. The ability to style specific padding and font properties is coming soon!

Can I style anything via CSS?

Yes, global CSS options are available in both the Visual Design Studio and the Classic designer.

Are What’s New guides included in the Resource Center?

Yes. What’s New guides are included and are now called Announcements.

What if I have a module with no content?

If you have a module with no content and push the updates to production, the module doesn't display to your end users.

 

Was this article helpful?
5 out of 12 found this helpful