Versions Compared

Version Old Version 7 New Version 8
Changes made by

Ravikumar Babu CTOO

Ravikumar Babu CTOO

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Expand
titleHow to hide the forms title in a form wizard?

You can hide the forms title in form wizard through CSS. Let's consider a form wizard shown in the following screen shot taken from the sample application, ModelHouse.

Assume that the ModelHouse application is using the Market theme and the corresponding CSS file is: D:\Canvas\apache-tomcat-7.0.67\webapps\ctmodelhouse\css\style\market\jqtbs\market-jqtbs-ltr.css.

To hide the forms title in a form wizard, perform the following:

  1. Open the market-jqtbs-ltr.css file and add the following code in it:

    Code Block
    languagecss
    themeEclipse
    [data-item-id="FORM_TRANSFER"] [data-wizard-id="progress-steps-FORM_TRANSFER"] span.ct-tab__txtspan
{
    display: none;
}

// where FORM_TRANSFER is the form wizard ID.


  2. Save the changes to market-jqtbs-ltr.css file.
  3. Refresh the browser and verify if the forms title are hidden as shown in the following screenshot:


Expand
titleHow to hide a specific form's title in a form wizard?

You can hide a specific form's title in a form wizard through CSS. Let's consider a form wizard shown in the following screen shot taken from the sample application, ModelHouse.

Image Added

Assume that the ModelHouse application is using the Market theme and the corresponding CSS file is: D:\Canvas\apache-tomcat-7.0.67\webapps\ctmodelhouse\css\style\market\jqtbs\market-jqtbs-ltr.css. Consider that in the form wizard shown in the screen shot you want to hide the "Add Payee" title alone.

To hide a specific form's title in a form wizard, perform the following:

  1. Open the market-jqtbs-ltr.css file and add the following code in it.

    Code Block
    languagecss
    themeEclipse
    [class*=wizard-view-] .PAYEE_FORM_tabItem span.ct-tab__txtspan 
{
    display: none;
}

// where PAYEE_FORM is the "Add Payee" form ID.


  2. Save the changes to market-jqtbs-ltr.css file.
  3. Refresh the browser and verify if the forms title are hidden as shown in the following screenshot:

Image Added