Hide page titles

Magnus_Lundgren1

Hello.

Is there a way to only hide the "All requests" heading on the portal page. 
And the "Request Form" heading on the RO page?

Nicholas_Velich

Hi Magnus,

Yes, this could be accomplished within the custom.js file using the following steps:

1. In your browser's developer console (F12 --> Console tab), search for and identify the element's selector using JQuery... there will most likely not be a unique ID, but you could create a selector that uses a combination of the element's class and the contains() method.
2. Once you have your element, you would want to use the .hide() method on it. More info here.
3. Once you have the elements figured out in the browser, the code can be added to custom.js to hide the element on page load. You would also want to add a check to verify the page you are on before the code executes. For example: if (document.URL.indexOf("ServiceCatalog/RequestOffering") === -1) { // hiding code for a specific page here }

Thanks,
Nick

Nicholas_Velich

Hi Magnus,

Yes, this could be accomplished within the custom.js file using the following steps:

1. In your browser's developer console (F12 --> Console tab), search for and identify the element's selector using JQuery... there will most likely not be a unique ID, but you could create a selector that uses a combination of the element's class and the contains() method.
2. Once you have your element, you would want to use the .hide() method on it. More info here.
3. Once you have the elements figured out in the browser, the code can be added to custom.js to hide the element on page load. You would also want to add a check to verify the page you are on before the code executes. For example: if (document.URL.indexOf("ServiceCatalog/RequestOffering") === -1) { // hiding code for a specific page here }

Thanks,
Nick

Magnus_Lundgren1

Thanks, managed to get it eventually

$(window).load(function () {
    if (document.URL.indexOf("ServiceCatalog/RequestOffering") === -1) {
        return; 
    }
	
$("div.ro-description").css("visibility", "hidden").css("height", "0");
$("div.panel-heading").css("visibility", "hidden").css("height", "0");
$("h3").css("visibility", "hidden").css("height", "0");
$("div.panel").css("margin-top", "0");
$("h1.page_title").css("visibility", "hidden").css("height", "0");
$("div.row").css("height", "0").css("border-bottom", "0px solid #b3b3b3");
$(".task-panel").css("visibility", "hidden").css("height", "0");
$(".task-panel-wide").css("visibility", "hidden").css("height", "0");

});