Hide the NavBar 2 tables in one page.

If you're a new user of AppGini, feel free to ask general usage questions, or look for answers here.
Post Reply
User avatar
Jay Webb
Veteran Member
Posts: 35
Joined: 2017-08-26 15:27
Contact:

Hide the NavBar 2 tables in one page.

Post by Jay Webb » 2018-03-11 17:53

I'm using: Appgini v.5.70 r.1018

I displaying 2 tables side by side using this tutorial; http://bigprof.com/appgini/tips-and-tut ... -same-page
I have everything working nicely but I would like to hide the whole NarBar on both pages, I tried using css, .navbar{display:none;} but didn't work.
Now I only want to hide it in the 2 pages in my ( Side_by_Side.php ) page.
Is there a way to achieve this?

Image
What we envision, we make happen.

User avatar
a.gneady
Site Admin
Posts: 938
Joined: 2012-09-27 14:46
Contact:

Re: Hide the NavBar 2 tables in one page.

Post by a.gneady » 2018-03-14 09:54

This code should do the trick:

Code: Select all

<style>
   nav{ display: none; }
</style>
AppGini: Responsive, collaborative web db apps in minutes.
:idea: Learn all the tips and tricks of customizing AppGini apps through our online course.

User avatar
Jay Webb
Veteran Member
Posts: 35
Joined: 2017-08-26 15:27
Contact:

Re: Hide the NavBar 2 tables in one page.

Post by Jay Webb » 2018-03-15 05:17

Thanks for responding, I did try that. I'm using v5.70 and it doesn't seam to to be working the same as the last version.
Is there a way to collapse the navBar/header to a button?

Thanks..
What we envision, we make happen.

User avatar
a.gneady
Site Admin
Posts: 938
Joined: 2012-09-27 14:46
Contact:

Re: Hide the NavBar 2 tables in one page.

Post by a.gneady » 2018-03-24 16:42

Hmm .. it should work on the standard generated code, but I see you changed the layout to a custom one ... It would help if you send me a link to this page to check it.
AppGini: Responsive, collaborative web db apps in minutes.
:idea: Learn all the tips and tricks of customizing AppGini apps through our online course.

User avatar
Jay Webb
Veteran Member
Posts: 35
Joined: 2017-08-26 15:27
Contact:

Re: Hide the NavBar 2 tables in one page.

Post by Jay Webb » 2018-03-25 22:09

I think i figured it out, I made copy of each page, renaming both table pages to "filename_view-2.php" just add a _2, at the end of each page, then at the bottom of each page I added the

Code: Select all

<style>
  nav {display:none;}
  body {margin-top:-60px !important;}
</style>
to close the gap left when I made the navbar go away I added the body tag with a negative margin-top of -60 .
When in side by side mode I didn't need the navbar, needed all the real estate i could get, but had to have the
navbar when in single page mode. Displaying two tables side by side is a must for my application.

If you know of a easier method please advise..
Thanks for your help.
What we envision, we make happen.

User avatar
a.gneady
Site Admin
Posts: 938
Joined: 2012-09-27 14:46
Contact:

Re: Hide the NavBar 2 tables in one page.

Post by a.gneady » 2018-03-28 08:39

That sounds pretty easy :)
Thanks for sharing!
AppGini: Responsive, collaborative web db apps in minutes.
:idea: Learn all the tips and tricks of customizing AppGini apps through our online course.

Post Reply