Home      FAQ      Forum      Idea Exchange      Ask a Question      My Stuff      Help   
  
CSS hide form Header/Title on a specific table only
Hello all,
I am wanting to remove the page title and/or top row of buttons. But, I would only like to do this on a specific form/table. The CSS I am using will do this, but it removes them from every table in the database. Does anyone know how I can make this form/table specific? Below is the CSS I am currently using. Any help would be appreciated!

/*JOB FORM HIDE PAGE TITLE*/
.fs-layoutcustom > header:nth-child(1) > h2:nth-child(1) {
display:none;
}

/*JOB FORM HIDE TOP BUTTONS*/
div.fs-layoutaction:nth-child(2) {
display:none;
}


ID
1316
Category
Customization
Author

Admin Account
Date Created
10/31/2019 4:20:16 PM
Date Updated
10/31/2019 5:10:10 PM
Comments
basenine 10/31/2019 5:02:30 PM
Good morning,

Here's the .css you need:

[id="preview_t_xxxxxx"] #frm_edit > section > header > h2{
display:none;
}
[id="preview_t_xxxxxx"] #frm_edit > section > header > div{
display:none
}


Replace xxxxxx with the specific table id for that table.
This can be found in the URL here:

...../preview.aspx?t=xxxxxx&id=939&back=L3NlY3Vy........
Admin Account 10/31/2019 5:09:33 PM
Beautiful, thank you basenine.
basenine 10/31/2019 5:10:10 PM
no problems.
Thanks for the challenge 😀

Feedback
Back to Search Results