Dynamic panels included in template appear below content

KW shared this question 6 years ago
Answered

I'd really like to create a template that contains a button, and when that button is pressed, a dynamic panel is displayed with a form in it (i.e. a login popup, register form, etc).


However, in practice, the popup always appears lower than content on the page (because it's part of the template. The only alternative I can see is to manually include the button/panel in every page using a master--this seems tedious.


Are there any alternatives?

Comments (26)

photo
1

I'm afraid the best alternative is to use a master, like you already say. All the things in the template display below the content in the screen.

photo
1

Victor, thanks for the reply!


For what it's worth, this is uber annoying. I can't put any sort of expandable menus or popup content in my template (i.e. navigation bar) because it appears below content.


Then, when I decide I want to move it over ten pixels, I have to go into thirty pages and move it by hand : (


Maybe there could be a "pin" option on templates? Something that says "make this appear above any content on the inclusive page"?

photo
2

Or, better yet, in the hide/show option, actions, or style changes, maybe there could be a z-index or simply a "move to top" option? This could be very useful for other things, such as stacked layers that should switch when clicked on (i.e. windows embedded in a page, image carousels, etc)

photo
1

Thanks for the suggestion. We will try to add it to some update.

photo
1

Good suggestion! I am looking forward for the update with this functionality.

photo
1

yes please!

photo
1

Yes, this would also be extremely useful for me as well. I think the simplest way to implement it would be if each object on the template has a "Display above screen" checkbox in the Screen properties section.


The ability to create layers (like for Adobe products) on templates would also help, but this might get complex.

photo
1

Ok, I'll add this for the release we plan to launch on April.

photo
1

Thanks, Victor. I think this will really help the usability of Justinmind. That way, I can put all the modals/dialogs on the template.

photo
1

You should also implement this functionality in masters. I use popups also in masters, because the same functionality is used in different templates.

photo
1

Sure, I was thinking of an option like this 'Always on top' available in the properties of any widget.

photo
1

I think that would be the simplest implementation.

photo
1

I was thinking that it would be nice to be able to constrain the placement of a master on a page. So that every page that uses a master uses the same placement. Perhaps x and y could be separately controlled.


A fancier but related feature would be to have a template that stretches to fit whatever content is shown on the page. That way a template could define the top and bottom nav elements without needing every page to have the same length. Currently I work around this by using a master for the bottom nav and a template for the top nav.

photo
1

I see the problem with the footer. It would be great to have it in a template but the position must depend on the contents of the screen. Any other cases like the footer that the functionality 'always on top' won't be enough?

photo
1

The problem with the footer is that the amount of content above it varies by page. If Justinmind templates were smart enough to know that it must place the footer below all content on the page, that would be nice.


The header navigation is not as big of an issue because it is always on top and the page content always displays immediately below it.

photo
1

Yes, but I'd like to find a more general case. Of course we could do something specific for that case in templates but it would work only for that case. Maybe something like 'always on top' and an option like 'pin position' so that element is always on top and appears always in the same position of the 'viewport'. Maybe that would cover not only the footer case but many others.

photo
1

If the pin is relative to the content within the screen as opposed to an absolute position on the screen, that would work. My guess is that you can map the setting to CSS fairly easily.

photo
1

One possibility that I just thought of for dealing with modals would be to create another section within the Content panel. Called it "Modals" or something like that.


So the Contents panel would include:


"Screens" middle level (no change)


"Templates" bottom level (no change)


"Modals" top-level (new; all items display on top of screens and templates)


Regardless of where you put modals, it would be important to have them easily accessible in the Hide/Show section of the Interaction dialog. That would make it easy to create an on-click event that launches or closes a modal.

photo
1

Very good suggestion.

photo
1

Version 5.5 includes the 'always on top' property for any widget.

photo
1

its been 2 years and i don't see any way to make the template go on top. Like the original poster my template is useless because it falls below all of my content.

photo
1

you can use the "always on top" property in the size and position properties group of any widget like victor said

photo
1

I tried that (for a template) and the template content still stays below the page content :(

photo
1

Hi Anita,


did you select all the objects of the template and activate the "always on top" option?

photo
1

im having the same issue, where is the "always on top" option?

photo
1

3 years fallowing and this problem was not really solved.


Cenario: I marked my template components with "always on top". But some components are invisible, and will only be visible after an action. I put and animation to toggle that component visible.


I have an screen that use this template, on that screen i have some Hotspot, and if i put it on top, the edition mode will be very annoing, so because of this i put all Hotspot behind screen components and mark it as "always on top".


Problem 1: During the animation, my template component stay behing my screen components.


Problem 2: All screen hotspot (marked with "always on top") stay in front of template components (marked with "always on top" too)


My sugestion isto show "template" on Outline. that way we could rearrange it and put template on top.


The betther solution its set an explicit z-index for a component. But i believe that my suggestion its very easy to implement.