(Example) Create a Shared CSS Class to Change the Logo Image Size

To add Cascading Style Sheet (CSS) code to resize the logo in the eForm that you can use in all eForms in the application, do the procedure in this topic.

Procedure

  1. On the Shared Form CSS screen, click Add.


  2. The Create Style Sheet screen shows.


  3. On the Create Style Sheet screen, in the File Name field, enter shared.


  4. Click Next.
  5. The StyleSheet screen shows.


  6. On the StyleSheet screen, in the StyleSheet field, enter this code.
    .logoResize {
      height:40px !important;
      width:251px;
      margin:0px !important;
    }


  7. Click Finish.
  8. On the Shared Form CSS screen, select shared.


  9. Click OK.
  10. The eForm Builder has a shared CSS for the Create Absence Request eForm.