How do I add a CSS file to the new home page?

  • 0
  • 1
  • Question
  • Updated 5 months ago
  • In Progress
I am trying to add a custom button into the homepage with a "onhover" tool tip. The old home pages, I was able to add html. On the new one, I cannot seem to add any code.

Please let me know.

Thanks so much in advance!
Photo of Rodman91

Rodman91

  • 132 Points 100 badge 2x thumb

Posted 5 months ago

  • 0
  • 1
Photo of Gaurav Sharma

Gaurav Sharma

  • 5,758 Points 5k badge 2x thumb
Hi, you can create an HTML/ CSS/ XML/ js page by following the below steps:

1. Go to App Settings.
2. Click on new page option under the user interface section.
3. Once you create your HTML page then, you can add a web widget on the home page and reference your page directly there.

Please let me know if you have any questions.

Thanks,
Gaurav
Photo of Rodman91

Rodman91

  • 132 Points 100 badge 2x thumb
I tried to reference the URL of the page I created, but it just shows the code.
Also, if I do get it working, how do you remove the "expand" arrow icon on the top right so that nobody can open that web widget in another tab/window?

Thanks so much for your help
Photo of Gaurav Sharma

Gaurav Sharma

  • 5,758 Points 5k badge 2x thumb
Hi Rodman91,

You have to reference of the HTML page in which you have written your CSS code and there is another way to hide the expand button but, remember that piece of code will hide all "expand" arrow icon from all the reports on the homepage.

Thanks,
Gaurav
Photo of Rodman91

Rodman91

  • 132 Points 100 badge 2x thumb
Hello Gaurav!

OIC, ok I think i need a sample on what I need in the CSS or html page so that I did it correctly. Is putting in the URL into the web page widget the way to reference the css page?

Thanks so much for your help!
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 27,954 Points 20k badge 2x thumb
I have no idea what you mean by "new home page". Please provide details with a screenshot and/or the code you are using. I am sure the solution is trivial to implement but I have no idea what you have attempted.
Photo of Rodman91

Rodman91

  • 132 Points 100 badge 2x thumb
Years ago we had the "old type homepages". We now have the "new home page" type in which you drag and drop the "widgets" into the dashboard. In the old type homepages, we were able to drop code into an HTML type widget. Now we have to reference a page using the "web page" widget. I would like to reference a CSS, JS or html page that i created in QB into the dashboard, but I do not know how to do it in the "new home page" type. 

Thanks so much and sorry for the confusion