Remove Nav Bar Completely

Got something cool to share with AppGini users? Feel free to post it here!
Post Reply
utony
Veteran Member
Posts: 93
Joined: 2020-04-03 18:37

Remove Nav Bar Completely

Post by utony » 2020-04-04 21:22

Hello All, I am new to the forum, but have been using AG for years. I am looking for a fix. I need to completely remove the Nav bar from certain tables. Reason is I want to embed this certain tables into pages and I want the content of the database to look like it is part of the other site. When you see a nav bar it looks out of place when you use an embed. If you could point me in the right direction I would really be thankful!

Thanks!

User avatar
onoehring
AppGini Super Hero
AppGini Super Hero
Posts: 1156
Joined: 2019-05-21 22:42
Location: Germany
Contact:

Re: Remove Nav Bar Completely

Post by onoehring » 2020-04-05 06:51

Hi,

you could try to add a line of JS to that specific page - In my test the bar is gone then:

Code: Select all

document.querySelector("body > div.users-area.container.theme-bootstrap.theme-compact > nav").hide()
Olaf

utony
Veteran Member
Posts: 93
Joined: 2020-04-03 18:37

Re: Remove Nav Bar Completely

Post by utony » 2020-04-05 12:52

Thank you so much for the code, and most of all for pointing me to the additional forum posts! I look forward to learning a lot for you and other members of the forum!!!

Stay well,

Tony

nycwebmaster
Veteran Member
Posts: 90
Joined: 2015-11-23 01:02

Re: Remove Nav Bar Completely

Post by nycwebmaster » 2020-04-06 23:15

In What file did you insert this code and in what line?

Thanks!

User avatar
onoehring
AppGini Super Hero
AppGini Super Hero
Posts: 1156
Joined: 2019-05-21 22:42
Location: Germany
Contact:

Re: Remove Nav Bar Completely

Post by onoehring » 2020-04-07 06:27

Hi,

put this in your hooks/header-extras.php

Code: Select all

<script>$j("body > div.users-area.container.theme-bootstrap.theme-compact > nav").hide()</script>
Be aware - this is the most simple solution and will probably remove the header from all pages for everyone.

Olaf

utony
Veteran Member
Posts: 93
Joined: 2020-04-03 18:37

Re: Remove Nav Bar Completely

Post by utony » 2020-04-09 16:38

Thank you for the reply!

I got the total removal, but still having trouble with the page by page. Can you explain a bit more where to put that code?

Maybe a screenshot?

Thanks!!!

pbottcher
AppGini Super Hero
AppGini Super Hero
Posts: 1635
Joined: 2018-04-01 10:12

Re: Remove Nav Bar Completely

Post by pbottcher » 2020-04-09 21:22

if you just want to remove the nav bar for one page you can add it to the

hooks/TABLENAME-tv.js for a Tableview

hooks/TABLENAME-dv.js for a Detailview

Hope that helps
Any help offered comes with the best of intentions. Use it at your own risk. In any case, please make a backup of your existing environment before applying any changes.

utony
Veteran Member
Posts: 93
Joined: 2020-04-03 18:37

Re: Remove Nav Bar Completely

Post by utony » 2021-07-10 16:13

Perfec, thank you!

amyat
Veteran Member
Posts: 45
Joined: 2020-06-24 20:39

Re: Remove Nav Bar Completely

Post by amyat » 2022-02-23 11:05

hi
what should i need to write
for remove footer nav bar
for table-dv.js

Post Reply