Modals

Login module pop up from a menu link?

3 months 2 weeks ago #77868

Joel Thompson's Avatar Joel Thompson

I cannot figure out how to get a module to pop up from a menu link. I want the Login module to pop up from the Top menu link and have no clue how to do this; it appears that your documentation is lacking this explanation. I can see how to create a module pop up from a text link, but not from an actual main menu or top menu item. Help?

3 months 2 weeks ago #77871

Peter van Westen's Avatar Peter van Westen Admin

3 months 2 weeks ago #77872

Joel Thompson's Avatar Joel Thompson

Peter van Westen wrote:


Thanks, I saw that, it says nothing about how to open a specific module using an existing menu item. I know to put {modal}Menu Item{/modal} as the menu item title, but how do you link that to a modal popup with, say, the Login module?
And what do I set the Menu Item Type to?

3 months 2 weeks ago #77873

Joel Thompson's Avatar Joel Thompson

Another thing, when using {modal}Menu title{/modal} the entire string shows up in the Breadcrumbs, like the attached screenshot. Any way to avoid this?

3 months 1 week ago #77878

Peter van Westen's Avatar Peter van Westen Admin

It is not possible to open a module directly from a menu item.
You could create an article and place the module in there via Modules Anywhere. Then link the menu item to that article.

What I do have a menu item with type 'URL'. Then link that to '#' (so no url).
Then in the title have:

{modal content="loginbox" title="Log in"}Log in{/modal}

Then you need to make a div with id="loginbox" somewhere on your page.
Easiest is to just do this directly in the templates index.php.
Or place it in a 'Custom' module that is assigned to all pages.

This can look something like:
{modalcontent loginbox}{module Login}{/modalcontent}
Or manually:
<div id="loginbox">{module Login}</div>
Or completely manually and custom:
<did id="loginbox">
   <form ...>
     [...your custom login form...]
   </form>
</div>

3 months 1 week ago #77889

Joel Thompson's Avatar Joel Thompson

OK, thanks for all of that, appreciate it.
Any advice on how to get the Breadcrumb module to stop displaying the modal tags?

3 months 1 week ago #77891

Peter van Westen's Avatar Peter van Westen Admin

Seeing your menu item is a modal popup , you shouldn't really ever be on that url directly.
Especially if you use the Modal Content method.

3 months 1 week ago #77895

Joel Thompson's Avatar Joel Thompson

Breadcrumbs pull from the menu name, not the article name, so since my menu name is {modal}Client Login{/modal} that is what shows up in the breadcrumb line as in the previously attached screen shot.
I have an article set up with the Modules Anywhere loading the Login module.

3 months 1 week ago #77898

Peter van Westen's Avatar Peter van Westen Admin

You can solve this by using the inline Modal Content method. Then your menu item is not attached to a content item.

3 months 1 week ago #77899

Joel Thompson's Avatar Joel Thompson

How do I add inline content to a menu item?

3 months 1 week ago #77900

Peter van Westen's Avatar Peter van Westen Admin

Please try the latest development version from:
www.regularlabs.com/development-releases

This should take care of those left over {modal} tags.

3 months 1 week ago #77901

Peter van Westen's Avatar Peter van Westen Admin

Regarding the inline stuff:

What I do have a menu item with type 'URL'. Then link that to '#' (so no url).
Then in the title have:
{modal content="loginbox" title="Log in"}Log in{/modal}

Then you need to make a div with id="loginbox" somewhere on your page.
Easiest is to just do this directly in the templates index.php.
Or place it in a 'Custom' module that is assigned to all pages.

This can look something like:
{modalcontent loginbox}{module Login}{/modalcontent}
Or manually:
<div id="loginbox">{module Login}</div>
Or completely manually and custom:
<did id="loginbox">
   <form ...>
     [...your custom login form...]
   </form>
</div>

3 months 1 week ago #77904

Joel Thompson's Avatar Joel Thompson

For installing the dev version (thanks for that by the way) do I uninstall the current version using the Extension Manager and then reinstall this using the Joomla installer?

3 months 1 week ago #77905

Peter van Westen's Avatar Peter van Westen Admin

You can simply download the dev zip file and install it through the Joomla installer. This will update to theat dev version. You do not need to uninstall first.

3 months 1 week ago #77908

Joel Thompson's Avatar Joel Thompson

Yep, that works, no more modal tag in the Breadcrumb, thanks!

3 months 1 week ago #77909

Peter van Westen's Avatar Peter van Westen Admin

Ok, great :)
The fix will be included in the next release.