Share
Reporthey Guys. I have managed to use javascript to hide sections from a particular step in an advanced form. The section is the instructions section of the form that I only want on the first page. The code I have used hides by the CSS class and that works fine, however the space still remains as per the pic below.
the big gap is left once the sections are hidden.
the javascript code I am using is :
$(document).ready(function() {
//$(".tab[data-name='DETAILS_TAB']").hide();
$(".tab[data-name='tab_ISSystems']").prev().hide(); // Hides the tab's title;
const box1 = document.getElementsByClassName('container')[0];
box1.style.visibility = 'hidden';
const box2 = document.getElementsByClassName('col-md-8 columnBlockLayout')[0]; // hides a div by class name
box2.style.visibility = 'hidden';
const box3 = document.getElementsByClassName('col-md-4 columnBlockLayout')[0];
box3.style.visibility = 'hidden';
});
does anyone know a better way to hide the text as well as remove the spacing?
Categories:
All responses (
Answers (
9,482
