Top Nav Bar

The recommended method of customizing your AppGini-generated application is through hooks. But sometimes you might need to add functionality not accessible through hooks. You can discuss this here.
Post Reply
utony
Veteran Member
Posts: 133
Joined: 2020-04-03 18:37

Top Nav Bar

Post by utony » 2025-06-05 01:45

Good day, I am looking for a fix on the top Nav bar. I want the top nav bar to be displayed at all times rather than only after jumping into a table. Fix?

User avatar
jsetzer
AppGini Super Hero
AppGini Super Hero
Posts: 1939
Joined: 2018-07-06 06:03
Location: Kiel, Germany
Contact:

Re: Top Nav Bar

Post by jsetzer » 2025-06-05 04:05

Create file hooks/__bootstrap,php, if not exists:

Code: Select all

<?php 
// file: hooks/__bootstrap.php
if (!defined('HOMEPAGE_NAVMENUS')) define('HOMEPAGE_NAVMENUS', true);
Kind regards,
<js />

My AppGini Blog:
https://appgini.bizzworxx.de/blog

You can help us helping you:
Please always put code fragments inside [code]...[/code] blocks for better readability

AppGini 25.10 + all AppGini Helper tools

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

Re: Top Nav Bar

Post by utony » 2025-06-06 00:42

Thank you JS! Worked like a charm.

What say you and this one? After updating last night to the new AG release, the top right hamburger button is so hard to see on mobile.

Thoughts for a fix?

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

Re: Top Nav Bar

Post by utony » 2025-06-06 00:42

IMG_1132.jpeg
IMG_1132.jpeg (83.68 KiB) Viewed 6266 times

User avatar
jsetzer
AppGini Super Hero
AppGini Super Hero
Posts: 1939
Joined: 2018-07-06 06:03
Location: Kiel, Germany
Contact:

Re: Top Nav Bar

Post by jsetzer » 2025-06-06 03:07

I've not not updated, yet. So o cannot say.
Kind regards,
<js />

My AppGini Blog:
https://appgini.bizzworxx.de/blog

You can help us helping you:
Please always put code fragments inside [code]...[/code] blocks for better readability

AppGini 25.10 + all AppGini Helper tools

saymaad
Veteran Member
Posts: 39
Joined: 2024-06-03 16:17

Re: Top Nav Bar

Post by saymaad » 2025-06-09 11:40

utony wrote:
2025-06-06 00:42
Thank you JS! Worked like a charm.

What say you and this one? After updating last night to the new AG release, the top right hamburger button is so hard to see on mobile.

Thoughts for a fix?
As quick fix add this to your CSS file or footer-extras.php

Code: Select all

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

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

Re: Top Nav Bar

Post by utony » 2025-06-09 15:32

Didn’t work, I even tried

.navbar-default .navbar-toggle .icon-bar {
background-color: #ffffff !important;
}

saymaad
Veteran Member
Posts: 39
Joined: 2024-06-03 16:17

Re: Top Nav Bar

Post by saymaad » 2025-06-10 07:18

In the current northwind demo the following works:

Code: Select all

button.navbar-toggle > span.glyphicon-menu-hamburger {
    color: white !important;
}
can you give it a shot with your app and revert with the results?

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

Re: Top Nav Bar

Post by utony » 2025-06-10 23:21

I am using the flatty.css

I tried adding to flatty.css and to the footer-extra in the hooks. Nothing! It is driving me nuts.

saymaad
Veteran Member
Posts: 39
Joined: 2024-06-03 16:17

Re: Top Nav Bar

Post by saymaad » 2025-06-11 07:59

Which version of AppGini are you on? is there a URL that you can share for the app? can you inspect the element from the browser and screenshot the css class, id, etc.?

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

Re: Top Nav Bar

Post by utony » 2025-06-11 09:53

I got it! CSS was cached. Cleared and works great, thank you 🙌🙏🏻

saymaad
Veteran Member
Posts: 39
Joined: 2024-06-03 16:17

Re: Top Nav Bar

Post by saymaad » 2025-06-11 10:09

Glad it finally worked out :)

Post Reply