Add A Blank space In Header Section

  • 1
  • Question
  • Updated 2 years ago
  • Answered
I have created a 2 column division, in column 1, I've placed a section header name, but in column 2, I don't want to place text for the header name, but I want the header to have the same height as the header in column 1 as if there was text in it. 

Is there some CSS I can place in the Section Title box that would allow me to do this? 

Photo of ns

ns

  • 1,822 Points 1k badge 2x thumb

Posted 2 years ago

  • 1
Photo of Jeff Rutter

Jeff Rutter

  • 1,162 Points 1k badge 2x thumb
Hi nikrouges,


I did this on one of my orgs before. Here is what I did....


For the column you want this to appear on i add an inline css resource that looks down the tree of elements for the column like so (I reference this css resource name in the component field editor section):


.nx-basicfieldeditor-column

.nx-basicfieldeditor-section-wrapper

.nx-basicfieldeditor-section

.nx-basicfieldeditor-section-header{

height: 16px; // you can change this as necessary.

}


See the attached screenshot where I removed the text but the sizing doesn't change.


Also, this deep dive helped me!

https://www.youtube.com/watch?v=7bt5-...


I hope this helps!


Thanks,


Jeff


(Edited)
Photo of ns

ns

  • 1,822 Points 1k badge 2x thumb
Thanks Jeff! This did the trick!
Photo of Jeff Rutter

Jeff Rutter

  • 1,162 Points 1k badge 2x thumb
Awesome news! Glad to help!

Thanks,

Jeff