Creating a Webtools Skin

How to create a new Webtools skin for calendars and applications

  1. From the Webtools homepage (webtools.illinois.edu), go to More > Skin Designer
    Webtools dropdown menu with Skins highlighted

     

  2. Click on ‘+Create’ to create a new skin.
  3. For calendars or applications, select the Illinois Wizard under Application (Web) Skins. Then, scroll to the bottom of the page and click the ‘Create skin’ button
    Skins menu with Illinois Wizard selected under Application (Web) Skins
  4. On the next page, Enter the name of your skin in the first field. You can enter a description, but it is not required. Choose your campus, unit, and department from the drop-down menus below. Then click the ‘Save’ button in the top right corner.
     class=
  5. To edit your skin’s appearance, select the ‘Skin’ tab. In the Primary label field, enter your department name and URL for your department website. For the secondary label, enter your college name and URL. Then click the ‘Save’ button in the top right corner.
    Fields for Header and Secondary Header text
  6. You can also add footer information such as social media icons by selecting your Social media network from the dropdown, entering the URL for your social media page, and clicking the ‘Add’ button. Click the ‘Save’ button to save your work.
    Social media URL field and dropdown
  7. You can add additional footer information in the Footer section. Click the ‘Save’  button to save your work.
    Footer text area
  8. To see what your skin looks like, click the ‘View’ button in the top right corner. This will open up a preview of your skin in a new window.
  9. To control who has access to use this skin, click the ‘Access’ tab. Users with access cannot edit the skin, but they can use it when creating new calendars or applications From this page, you can add AD email groups, your entire unit, or your entire department. Click the ‘Save’ button to save your work.
    Fields for Unit or College, Department, and Campus
  10. In the ‘Privileges’ tab, you can assign administrators who can edit the look and content of the skin. To do this, add by NetID or email group. Click the ‘Save’ button to save your work.
  11. Once done with your skin, you should now be able to access it from the ‘Appearance’ tab in your calendar setup.
    Appearance menu with newly created skin selected