Creating a login/signup modal on everypage "Reusable components/Symboles"

Wappler General
1

Hello,

I’m still looking around to see what is easily doable in Wappler.
One thing I’m not sure about is the use of “Reusable components/Symboles” for exemple a Login/Sign Up modal on everypage of the website.

So the modal itself is pretty simple to do.
But how do you copy it to all the pages easily and easily maintain it.

I have seen that in PHP you have the includes files and in node.js the template are coming.

But what I have understood you can only put in those the html/css elements not the app connect and server connect actions.

So the design of the modal can be duplicated easily but not its logic.

Am I missing something ?

Thanks a lot,

2

This is fairly easy to do, I’ve already done it on a website. I have the header section as an include file and have the modal within that. Just include it on all the pages and you’re done.

Here’s the site I did this on: https://www.aircrewaccommodation.com/

3

So you can save all the logic, server connect etc in an include file ?

4

Your include file is just like any other html file. It will have App Connect actions in it which, in turn, use Server Connect actions.

5

The logic is that “Server Connect” and “App Connect” are separated, therefore if you create and Server Action you can call that action at any time from any page and reuse it as many times as you like by just directing “App Connect” to the path where the Server Action lives.

6

Okay thanks for your replies, I’m going to test that and see the result