Dynamic Navbar IOS

Wappler General Bugs
#1

I have mobile app using App Connect with framework7.
Problem, I have some dynamic navigation depending on several factors and I have that Button in my navbar connect to a Page flow action. It works perfect in android but in iOS its not working.
I found that it is a known issue in framework7.

// Disable globally
var app = new Framework7({
  view: {
    iosDynamicNavbar: false,
  },
});

// Disable only for view on its initialisation
var mainView = app.views.create('.view-main', {
  iosDynamicNavbar: false,
});

square_on_square checkmark_alt

Note that when Dynamic Navbar ( iosDynamicNavbar ) is enabled, Navbar HTML element will be detached from the page and moved under View HTML element. In this case to access page related dynamic navbar element use app.navbar.getElByPage(pageEl) method

I cannot modify the app.js as it is all handled by dmx in a minified file dmxFramework7_6.js

What is the best way to solve this issue?

#2

Are you sure there is no app.js in the project? I think it’s under dmxAppConnect/Framework7_7/app.js something like that, remember seeing the other day.
Can’t confirm right now

#3

No :frowning:
image

#4

You’re right.
There’s an app.js under framework7/#/js/app.js but seems nothing to do with the new appConnect

image
image1167×741 47 KB

Now I know why tapHold event is not working :laughing:
Have you tried something like
data-ios-dynamic-navbar="false" ?
Like:
<div class="navbar" data-ios-dynamic-navbar="false">

#5

@Teodor do you have any ideas on how to move forward?

#6

@patrick is there a workaround to edit f7 config file (app.js)?