Web Skins

Web skins allow you to adjust the look and feel of the following public-facing applications:

  • Registration
  • Exhibitor Portal
  • Exhibitor Service Center
  • Suite Management
  • Customer Opportunity Web Forms
  • Session Proposals
  • Version 1 Payment Portals*

All other public-facing applications use web themes. See Web Themes for more information. 

 

Web skins allow you to:

  • Apply colors to backgrounds, foregrounds, etc.
  • Choose fonts
  • Apply widths and alignments to sections
  • Configure page sections (top/left/right/bottom)
  • Upload a custom HTML section file (if you are familiar with web development)

There are two types of web skins:

You can use a template web skin as the basis for a custom web skin, and you can save a custom web skin as a template web skin.

 

Template Web Skins

Template web skins are available for use with any public-facing application that uses web skins. You can also reuse template web skins for many configurations at a time. Template Web Skins can also serve as the base for a custom web skin.

 

Add a Template Web Skin

To add a template web skin:

  1. Click the Web Skins link from the Main Menu. The Web Skins page opens.
  2. Click Add. The Add Web Skin window opens.
  3. Enter the Web Skin Description.
  4. Expand the sections and Edit the settings for the web skin:
    • Page section- Configure text and color options for the site pages.
    • Headings section- Configure text and color options for the site headings and subheadings.
    • Buttons section- Configure text and color settings for navigation and action buttons displayed on the site. 
    • Page Settings section- Configure how content will align on the page.
    • Page Sections section- Configure the top, left, right and bottom content display sections for the site.  The page's Web Skin options are:
      1. Upload a custom HTML section file.  When selected, an upload option will display.  Click Choose file and upload your HTML presentation file. See Custom HTML Section Files for Web Skins for more information.
      2. Design the page sections using the editor. When selected, sections will display for Top, Left, Right and Bottom.  If selected, configure the Content Type source,
        • Use the default- Use the Momentus default. Usually, there is no content in the default.
        • Create using the Editor- Opens a text editor where you can customize the display.
        • Show the following site- Enter a web address to show another website.
        • Insert and Image- Upload an image file to display.
  5. Click OK.

You apply the template to a public-facing application using the Web Skin drop-down on the Add or Edit Configuration window for the application configuration.

 

Edit a Template Web Skin

You can edit template web skins from the Web Skins page. When you make a change to a template web skin, all public-facing applications using that web skin are updated. To edit a template web skin

  1. Click the Web Skins link from the Main Menu. The Web Skins page opens.
  2. Select the web skin to edit.
  3. Right-click and select Edit. The Edit Web Skin window opens.
  4. Make the necessary changes.
  5. Click OK.

Delete a Template Web Skin

You can delete web skins that are not assigned to a public-facing application. You cannot restore deleted web skins. To delete a template web skin

  1. Click the Web Skins link from the Main Menu. The Web Skins screen opens.
  2. Select the web skin to delete.
  3. Right-click and select Mark for Delete.
  4. Click Save.

Custom Web Skins

You can create a Custom Web Skin by editing a template web skin during the application configuration process.

The custom web skin is only available for the individual configuration for which it was created.

 If you wish to use a custom web skin in additional configurations, you must save the custom web skin as a standard template web kkin. 

To create a custom web skin for a single configuration:

  1. On the Add or Edit [Application] Configuration window, click the Web Skin dropdown field and select the web skin template you wish to customize.
  2. Click the Edit link next to the Web Skin field.  The Edit Web Skin window opens.
  3. Edit the desired settings.
  4. Click OK. The Web Skin field now displays a selection of [Custom Web Skin].
  5. Click OK.

Save the Custom Web Skin as a Standard Template Web Skin

You can save a custom web skin as a template web skin for future use or for use with other public-facing applications.  To save a custom web skin as a template web skin:

  1. Click the Click the Edit link next to the Web Skin field.  The Edit Web Skin window opens.
  2. Edit any necessary settings, if needed.
  3. Click Save as Standard Template, at the top of the window. The Enter Description field opens.
  4. Enter the description for your web skin.
  5. Click Continue.  You return to the Add or Edit [Application] Configuration window.
  6. Click OK.

Related articles

Comments

19 comments

Date Votes
  • Linda Hilko

    "Please note that if you click the 'Edit Web Skin' link next to the drop-down, you will no longer be using a Template Web Skin, and will now be editing a Custom Web Skin.  If you want to edit the Template Web Skin, go to the v20 Main Menu and search for 'Web Skins', and edit the Template Web Skin from there." 

    How and where do I enable "Edit Web Skin" editor?

    0 upvotes

  • Maggie U.

    Hi Linda,

    The Edit Web Skin link is displayed next to the Web Skin drop-down on the Registration Setup screen. By default, you can find this on the Registration Form Setup tab under the Appearance section; however, if your organization has customized the Registration Setup screen, it could be located somewhere else on the screen.

    Thanks,

    Maggie

    0 upvotes

  • Linda Hilko

    Hi Maggie, thanks for your quick response.

    here is a screenshot of my COWF set up - there is no Edit Web Skin option

    0 upvotes

  • Maggie U.

    Hi Linda,

    COWF works directly off the templates rather than creating a custom version of a template so you will need to go back to the template from the main menu and make your adjustments there.

    Thanks,
    Maggie

    0 upvotes

  • Linda Hilko

    I did that - that's the screenshot above that shows no where to edit the webskin. Nor can I add the option to edit.

    0 upvotes

  • Linda Hilko

    And if you're referring to the Web Skins templates section I cannot edit the text in the header/footer from there either.

    The Advanced Editor and RTF editor are both greyed out.

     

    0 upvotes

  • Maggie U.

    Hi Linda,

    Yep, you got yourself exactly to where you needed to:) However, I am totally stumped as to why you cannot get to the advanced editor to edit the text that is there. I did some looking at other cases and some testing but have not been able to create the same situation or see any potential solutions.

    The best next steps would be to enter a case with our Client Care Team so they can do some more digging into the situation. I'm sorry I wasn't able to help you more!

    Thanks,
    Maggie

    1 upvotes

  • Linda Hilko

    Thanks. That's too bad. I've been doing lots of reading in the Knowledge base about others trying to get the COWF to work for them. Some have abandoned the use of this feature. I'm wondering if I'm just wasting my (and your) time. However, since we're planning to upgrade in the next month, I'll wait until after that is completed to see if that fixes the problem and hope (fingers crossed) that the other problems with duplicate accounts being generated gets fixed. This COWF is a fantastic idea and if it does work it would be very helpful.

    Thanks for your time Maggie.

    0 upvotes

  • Maggie U.

    Hi Linda,

    I don't think the problem you are having with the web skin is related specifically to COWF but rather some type of problem with the overall web skin template. Client Care can help dig into the details to figure out specifically what may be happening.

    Thanks,
    Maggie

    0 upvotes

  • Linda Hilko

    Hi Maggie, any updates from the Client Care team on this one?

    Also, has there been any fix applied yet to eliminate the creation of duplicate accounts or assigning an existing contact to the wrong organization? i.e. multiple duplicate checking process?

    0 upvotes

  • Maggie U.

    Hi Linda,

    Unfortunately, the template you want to edit is a USI provided template and there isn't a way to edit the text on those standard templates.

    I'm not familiar with the duplicate account or assigning existing contacts questions but it looks like Joel, your Customer Success Manager, is working with you on those. I'll send him a quick message to make sure he gives you and update as soon as he knows more!

    Thanks,
    Maggie

    0 upvotes

  • Elisabeth Bollmann

    Is there a possibility to use Wildcards or Fields in the text editor for the page sections? 

    0 upvotes

  • Mike Schepker

    Hi Elisabeth,

    This is not something that is possible with web skins. 

    Thanks,

    Mike

    0 upvotes

  • Theresa Gorman

    In my web skin for exhibitor portal, I have configured the header to reference an image on our website but when loading, I get 'content blocked' message.   How can we fix this?

     

    1. Content Security Policy of your site blocks some resources

      1. Some resources are blocked because their origin is not listed in your site's Content Security Policy (CSP). Your site's CSP is allowlist-based, so resources must be listed in the allowlist in order to be accessed.

        A site's Content Security Policy is set either as via an HTTP header (recommended), or via a meta HTML tag.

        To fix this issue do one of the following:

        • (Recommended) If you're using an allowlist for 'script-src', consider switching from an allowlist CSP to a strict CSP, because strict CSPs are more robust against XSS. See how to set a strict CSP.
        • Or carefully check that all of the blocked resources are trustworthy; if they are, include their sources in the CSP of your site. ⚠️Never add a source you don't trust to your site's CSP. If you don't trust the source, consider hosting resources on your own site instead.
      2. AFFECTED RESOURCES
        1. 1 directive
          1. Resource Status Directive Source Location
            https://www.rds.ie blocked frame-src /PROD/App/dist/publi…esentationUtil.js:1
        •  
          Learn more: Content Security Policy - Source Allowlists

    Refused to frame 'https://www.rds.ie/' because it violates the following Content Security Policy directive: "default-src 'self'". Note that 'frame-src' was not explicitly set, so 'default-src' is used as a fallback.

    0 upvotes

  • Mike Schepker

    Theresa,

    Please open a ticket with our Client Care team. There may be additional settings that need to be enabled for your site in order to allow resources from other websites. 

    Thanks,

    Mike

    0 upvotes

  • Carissa Smith

    What is the size of JPEG needed for the custom web skin "Top" Insert an image.... 

    I've added images in the past that seem to have sized appropriately to the space. The logo I just added is turning out grainy...

    Thanks

    0 upvotes

  • Carrie Spalding

    Hi Carissa! What application within Ungerboeck are you working with?  For example, if you are using Exhibitor Service Center or Exhibitor Portal the recommended dimensions for the top image are 1920x200.

    Thank you!

    --Carrie

    0 upvotes

  • Thomas Hohm (m:con-mannheim:congress GmbH)

    In the latest vesions of the software we can not edit the template within an event any more. The action link is missing. We also can not copy the web skin from the main menu web skin management. How can we easily copy a web skin and adjust it for a spcific event now? Thanks

    0 upvotes

  • Jodi Webb

    Hi Thomas, 
    I hope you are well. 

    Which Web Skin are you referring to? Where are you using this? Are you trying to copy it from the Web Skins, or within a configuration? If you can give us some more details, we will be able to answer your questions. 

    Web Themes has been introduced for some Enterprise applications now, instead of having to use Web Skins. You may want to have a look at these also. 

    Kind regards, 

    Jodi

    0 upvotes

Please sign in to leave a comment.