Custom Stylesheets for Application Forms

Custom CSS stylesheets can be used to style Maytas Hub application forms. Note that Tribal cannot provide assistance with creating or modifying stylesheets.

Once you have an application form setup as per the instructions here and a stylesheet to use, they must be configured. If you wish to use the same stylesheet for all application forms, this can be done in the web.config. If you wish to use a different stylesheet for each application form, this can be configured in the application form URL.

Using the same stylesheet for all forms

This example will assume the stylesheet is called style.css and is in a sub folder in Maytas Hub called styles.

  1. On your Maytas Hub server, browse to the root of your Maytas Hub website (this is often found at C:\inetpub\wwwroot). If you are unsure of the exact location of the folder, please contact Maytas Support for assistance.
  2. Create a folder for your stylesheet (for this example we will call it styles).
  3. Open the folder and place your stylesheet in there.
  4. Return to the previous folder and open Web.Config for editing.

  5. Add the following line in the <appsettings> section:

    <add key="M5AppFormCss" value="/styles/styles.css" />

    Note that this assumes a folder called styles and a spreadsheet called styles.css. Modify the line to match your folder and filename as required.

  6. Save and close Web.Config.
  7. In IIS, restart the Maytas Hub website.

Using a different stylesheet for each form

This example will assume the stylesheet is called style.css and is in a sub folder in Maytas Hub called styles.

  1. On your Maytas Hub server, browse to the root of your Maytas Hub website (this is often found at C:\inetpub\wwwroot). If you are unsure of the exact location of the folder, please contact Maytas Support for assistance.
  2. Create a folder for your stylesheet (for this example we will call it styles).
  3. Open the folder and place your stylesheet in there.

  4. The URL for the application form can now be configured. For this example we will assume the existing URL is:

    http://myserver/MaytasHub/application.aspx?th=n&App0=n&lp=n&Moduleid=AE1

  5. Add the following to the end of the URL, changing styles and style.css to the required folder and filename:

    &stylesheet=styles%2fstyle.css

  6. In this example, the full URL would be:

    http://myserver/MaytasHub/application.aspx?th=n&App0=n&lp=n&Moduleid=AE1&stylesheet=styles%2fstyle.css