Static footer and some more questions

#1

Dear @nolimits4web,

I have some questions:

  1. Is there a static footer, like the navbar? I want the same footer on all pages, and do not want to copy/paste it in all routes.

  2. Why calling router’s navigate() has no effect in pageBeforeIn()? Any workaround? Is it OK to call it in pageAfterIn()?

Thanks!

#2

For first question you can use toolbar.

#3

Thanks @Fernando_Romero, I’ll look into it.

#4

As @nolimits4web has pointed out in some other question, navigate() should not be called in page events; what I needed was redirect property of the route.

#5

@Fernando_Romero It seems that there is no ‘common scrollable’ toolbar that can be used as a common footer. The common toolbar is fixed and does not scroll with the page, which is what I want.

@nolimits4web, can you please help?

#6
#7

I understand you need it fixed. Sorry.

#8

Dear Vladimir,

Thanks for the link. I had checked it before. I need something like this on F7 web site for all pages, but without copy / paste, and also scrollable:

image
image2728×967 68.7 KB

I cannot find a way to do that. I would appreciate your help. @nolimits4web

1 Like
#9

Then you should code it manually, ideally move to some custom component, and place this component on every page

#10

Thanks @nolimits4web. How hard would it be to copy the HTML from somewhere in DOM to end of each page in a global pageInit event?

#11

This seems to work fine for me:

    pageInit: (page) => {
      if (page.$el.data('name') != 'main') {
        page.$el.find('.page-content').append($$('[data-name="main"] .ms-main-footer')[0].outerHTML);
      }
    }
#12

how to do that? i also want a header & footer for my website