Custom Navbar for Vue f7-photo-browser component

Hi there,

I am trying to customize photo-browser component’s navbar. Right now it seem the only option is to have a fixed index text(eg: 3 of 5). Tried different props but couldn’t managed to add a custom navbar title with native options.

I also tried <template #navbar>, <template #photo-browser-navbar> slots but no luck either.

Any help is appreciated.

Instead of tweaking photoBrowserParams, you need to override the render functions

const photoBrowserParams = {
  ... yourParams,
  renderNavbar() {
     return `<div>...</div>`

For more details, please refer to [Photo Browser | Framework7 Documentation]

1 Like