BTech Support

866-647-5200
Login

How to Convert an Existing Solution Article with the New Template Style

Modified on: Mon, Nov 11 2024 2:57 PM
Swinerton logo

BTech

BTech Alerts & Notifications - Check this page for the latest information on emergencies and system outages. All times are Pacific.
Freshservice logo
Documentation Information



Steps to Perform

  1. Add the Banner to the top of the Solution Article
    • Banner preview:


      Swinerton logo

      BTech

      BTech Alerts & Notifications - Check this page for the latest information on emergencies and system outages. All times are Pacific.


      Information




    • Banner HTML:


       <table style="width: 100%;">
                <tbody>
                  <tr>
                          <td style="width: 17.8607%; vertical-align: middle; text-align: center;" rowspan="2"><img data-id="1031716887" class="fr-fic fr-dii" src="https://attachment.freshservice.com/inline/attachment?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6MTAzMTgyNTk5OCwiZG9tYWluIjoic3dpbmVydG9uLmZyZXNoc2VydmljZS5jb20iLCJ0eXBlIjoxfQ.ykODyS5O5at6QWDVbNGtIhsaVoMD_Poo4Idgw_qdbDw" style="width: 100px;" alt="Swinerton logo"></td>
      
                    <td style="vertical-align: middle; width: 82.0398%;">
      
                      <h1><abbr title="Business Technology">BTech</abbr></h1>
                    </td>
                  </tr>
                  <tr>
                    <td style="vertical-align: middle; width: 82.0398%;"><a rel="noopener noreferrer" target="_blank" href="https://swinerton.sharepoint.com/:u:/r/sites/swinnet_btech/SitePages/BTech-Alerts.aspx">BTech Alerts & Notifications</a> - Check this page for the latest information on emergencies and system outages. All times are Pacific.</td>
                  </tr>
                  <tr>
                    <td style="width: 17.8607%; text-align: center; vertical-align: middle;">
                      
      
                    </td>
                    <td style="width: 82.0398%; text-align: left; vertical-align: middle;" rowspan="2">
      
                      <p>
                        
      
                      </p>
                    </td>
                  </tr>
                  <tr>
                    <td style="width: 17.8607%; text-align: center; vertical-align: middle;">Information</td>
                  </tr>
                </tbody>
              </table>
      HTML


  2. Update the Banner with the applicable image and description.
    • Example:
      Before After

  3. Update the Section Headers with the applicable Heading
Was this answer helpful?