Is there any update about adding modals and pop ups to themler?

shaulhadar
441 Posts
shaulhadar posted this 19 July 2016

Hello Themler Team. Modals are a great addition, and can be used in themler for great purposes. I was wandering what is the status about them, are they going to be added?

Thanks for your time,
Shaul.

Hello Themler Team. Modals are a great addition, and can be used in themler for great purposes. I was wandering what is the status about them, are they going to be added? Thanks for your time, Shaul.
Vote to pay developers attention to this features or issue.
13 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 19 July 2016

Hi,

Unfortunately there are no updates on this matter now. Maybe it will be included in the next roadmap.

Sincerely,
Hella

Hi, Unfortunately there are no updates on this matter now. Maybe it will be included in the next roadmap. Sincerely, Hella
Stagger Lee
1840 Posts
Stagger Lee posted this 19 July 2016

I am surprized they did not implemented all Bootstrap things first. Before Sections and other.

I am surprized they did not implemented all Bootstrap things first. Before Sections and other.
shaulhadar
441 Posts
shaulhadar posted this 20 July 2016

Hella, thanks for the update, I appreciate it!

Stagger, I agree, these are components which are already present inside bootstrap, which means the developing team can build them really quickly. so this means they probably have some very big things they are working on now, or I can't understand why they don't implement those elements....

I really hope they will come in the future, they are like standard elements in every site building software...

Hella, thanks for the update, I appreciate it! Stagger, I agree, these are components which are already present inside bootstrap, which means the developing team can build them really quickly. so this means they probably have some very big things they are working on now, or I can't understand why they don't implement those elements.... I really hope they will come in the future, they are like standard elements in every site building software...
Stagger Lee
1840 Posts
Stagger Lee posted this 20 July 2016

They are loaded on each pageload, page refresh. All JS and CSS code.

For instance:

  • Bootstrap Modal - All is needed option to insert CMS Control and other controls inside modal content and to change header name. We could insert contact forms, PHP code for modal login, modal register, Google Map in modal, Posts loop, etc.

https://raw.githubusercontent.com/junjunguo/webDevelopment/master/responsiveDesign/images/bootstrapregister1.png

- Bootstrap Popover - Very simple, maybe just to insert text, html control is needed.

http://cf-public-view.s3.amazonaws.com/ZD/Articles/BootstrapExampleJob.png

- Bootstrap Tabs - Most of the code exist in WooCommerce, just convert it.
- Bootstrap Accordions - A bit more difficult. Controls inside content, change header names and on, off icons.
http://www.bootpen.com/bootpen/wp-content/uploads/2015/09/Accordion-with-toggle-icons.jpg

And many others. We dont need styling options, we can use Bootstrap default colors and look of Modals, Tabs, Panels. Much more better this than nothing.

They are loaded on each pageload, page refresh. All JS and CSS code. For instance: - Bootstrap Modal - All is needed option to insert CMS Control and other controls inside modal content and to change header name. We could insert contact forms, PHP code for modal login, modal register, Google Map in modal, Posts loop, etc. ![https://raw.githubusercontent.com/junjunguo/webDevelopment/master/responsiveDesign/images/bootstrapregister1.png][1] - Bootstrap Popover - Very simple, maybe just to insert text, html control is needed. ![http://cf-public-view.s3.amazonaws.com/ZD/Articles/BootstrapExampleJob.png][2] - Bootstrap Tabs - Most of the code exist in WooCommerce, just convert it. - Bootstrap Accordions - A bit more difficult. Controls inside content, change header names and on, off icons. ![http://www.bootpen.com/bootpen/wp-content/uploads/2015/09/Accordion-with-toggle-icons.jpg][3] [1]: https://raw.githubusercontent.com/junjunguo/webDevelopment/master/responsiveDesign/images/bootstrapregister1.png [2]: http://cf-public-view.s3.amazonaws.com/ZD/Articles/BootstrapExampleJob.png [3]: http://www.bootpen.com/bootpen/wp-content/uploads/2015/09/Accordion-with-toggle-icons.jpg And many others. We dont need styling options, we can use Bootstrap default colors and look of Modals, Tabs, Panels. Much more better this than nothing.

Last edited 20 July 2016 by Stagger Lee

Jovanny hernandez
2 Posts
Jovanny hernandez posted this 06 January 2017

¿Existe algún tutorial de como hacerlo?, como hacer que con un botón de themler abrir una ventana modal que lleve un formulario de contactos?

Is there any tutorial on how to do it ?, how to make a button with themler open a modal window that carries a contact form?

¿Existe algún tutorial de como hacerlo?, como hacer que con un botón de themler abrir una ventana modal que lleve un formulario de contactos? Is there any tutorial on how to do it ?, how to make a button with themler open a modal window that carries a contact form?
Support Team
Support Team posted this 09 January 2017

Hi,

Themler does not have built in modal functionality. But it uses bootstrap framework and you can use regular bootstrap modals:
http://getbootstrap.com/javascript/#modals

If you need to add modal to the CMS content directly you can add html to the article html source in CMS. If you need the modal inside the theme you can use HTML control (Insert tab >> More).

Thank you,
Themler Team

Hi, Themler does not have built in modal functionality. But it uses bootstrap framework and you can use regular bootstrap modals: http://getbootstrap.com/javascript/#modals If you need to add modal to the CMS content directly you can add html to the article html source in CMS. If you need the modal inside the theme you can use HTML control (Insert tab >> More). Thank you, Themler Team

Last edited 09 January 2017 by Support Team

info2934
6 Posts
info2934 posted this 29 June 2017

They are loaded on each pageload, page refresh. All JS and CSS code.

For instance:

  • Bootstrap Modal - All is needed option to insert CMS Control and other controls inside modal content and to change header name. We could insert contact forms, PHP code for modal login, modal register, Google Map in modal, Posts loop, etc.

![https://raw.githubusercontent.com/junjunguo/webDevelopment/master/responsiveDesign/images/bootstrapregister1.png][1]
- Bootstrap Popover - Very simple, maybe just to insert text, html control is needed.

![http://cf-public-view.s3.amazonaws.com/ZD/Articles/BootstrapExampleJob.png][2]
- Bootstrap Tabs - Most of the code exist in WooCommerce, just convert it.
- Bootstrap Accordions - A bit more difficult. Controls inside content, change header names and on, off icons.
![http://www.bootpen.com/bootpen/wp-content/uploads/2015/09/Accordion-with-toggle-icons.jpg][3]
[1]: https://raw.githubusercontent.com/junjunguo/webDevelopment/master/responsiveDesign/images/bootstrapregister1.png
[2]: http://cf-public-view.s3.amazonaws.com/ZD/Articles/BootstrapExampleJob.png
[3]: http://www.bootpen.com/bootpen/wp-content/uploads/2015/09/Accordion-with-toggle-icons.jpg

And many others. We dont need styling options, we can use Bootstrap default colors and look of Modals, Tabs, Panels. Much more better this than nothing.

Can you help me to open an hyperlink hover box in a modal style??? The support says they do not provide support for such custom modifications but i think this is a huge problem/lack in Themler.
Thank you very much

> They are loaded on each pageload, page refresh. All JS and CSS code. > > For instance: > > - Bootstrap Modal - All is needed option to insert CMS Control and other controls inside modal content and to change header name. We could insert contact forms, PHP code for modal login, modal register, Google Map in modal, Posts loop, etc. > > ![https://raw.githubusercontent.com/junjunguo/webDevelopment/master/responsiveDesign/images/bootstrapregister1.png][1] > - Bootstrap Popover - Very simple, maybe just to insert text, html control is needed. > > ![http://cf-public-view.s3.amazonaws.com/ZD/Articles/BootstrapExampleJob.png][2] > - Bootstrap Tabs - Most of the code exist in WooCommerce, just convert it. > - Bootstrap Accordions - A bit more difficult. Controls inside content, change header names and on, off icons. > ![http://www.bootpen.com/bootpen/wp-content/uploads/2015/09/Accordion-with-toggle-icons.jpg][3] > [1]: https://raw.githubusercontent.com/junjunguo/webDevelopment/master/responsiveDesign/images/bootstrapregister1.png > [2]: http://cf-public-view.s3.amazonaws.com/ZD/Articles/BootstrapExampleJob.png > [3]: http://www.bootpen.com/bootpen/wp-content/uploads/2015/09/Accordion-with-toggle-icons.jpg > > And many others. We dont need styling options, we can use Bootstrap default colors and look of Modals, Tabs, Panels. Much more better this than nothing. Can you help me to open an hyperlink hover box in a modal style??? The support says they do not provide support for such custom modifications but i think this is a huge problem/lack in Themler. Thank you very much
Stagger Lee
1840 Posts
Stagger Lee posted this 29 June 2017

Extern website in Modal box iframe ? Or ?

Extern website in Modal box iframe ? Or ?
info2934
6 Posts
info2934 posted this 29 June 2017

Extern website in Modal box iframe ? Or ?

internal links

> Extern website in Modal box iframe ? Or ? internal links
Stagger Lee
1840 Posts
Stagger Lee posted this 29 June 2017

What is "hover box" ? Themler hover box control, or ?
If it is Themler control I will pass, to complicated to do and explain.

What is "hover box" ? Themler hover box control, or ? If it is Themler control I will pass, to complicated to do and explain.
info2934
6 Posts
info2934 posted this 29 June 2017

What is "hover box" ? Themler hover box control, or ?
If it is Themler control I will pass, to complicated to do and explain.

Yes...it's themler hover box control.
Thanks anyway

> What is "hover box" ? Themler hover box control, or ? > If it is Themler control I will pass, to complicated to do and explain. Yes...it's themler hover box control. Thanks anyway
Stagger Lee
1840 Posts
Stagger Lee posted this 29 June 2017

It would be much easier if you could explain with more than one sentence what you need. Some real life case, more details, maybe some example from other website.

As it is explained now it is oximoron, Themler hover box state and Bootstrap modal on mouseover. Those 2 are in contradiction.
It is like you go to the doctor and say I have pain ih whole body. Then dont expect some fast solution and diagnose.

It would be much easier if you could explain with more than one sentence what you need. Some real life case, more details, maybe some example from other website. As it is explained now it is oximoron, Themler hover box state and Bootstrap modal on mouseover. Those 2 are in contradiction. It is like you go to the doctor and say I have pain ih whole body. Then dont expect some fast solution and diagnose.
info2934
6 Posts
info2934 posted this 29 June 2017

It would be much easier if you could explain with more than one sentence what you need. Some real life case, more details, maybe some example from other website.

As it is explained now it is oximoron, Themler hover box state and Bootstrap modal on mouseover. Those 2 are in contradiction.
It is like you go to the doctor and say I have pain ih whole body. Then dont expect some fast solution and diagnose.

I'm sorry for my bad explanation...but english isn't my language :)

I've an hover box (2 images, one for the back slide and another one for the over slide) with an hyperlink (internal link - joomla article).
When i click on the hover box I would like to open the new page with a modal style...

> It would be much easier if you could explain with more than one sentence what you need. Some real life case, more details, maybe some example from other website. > > As it is explained now it is oximoron, Themler hover box state and Bootstrap modal on mouseover. Those 2 are in contradiction. > It is like you go to the doctor and say I have pain ih whole body. Then dont expect some fast solution and diagnose. I'm sorry for my bad explanation...but english isn't my language :) I've an hover box (2 images, one for the back slide and another one for the over slide) with an hyperlink (internal link - joomla article). When i click on the hover box I would like to open the new page with a modal style...
You must log in or register to leave comments