Lots of basic problems with "themler for html"

Hello Johan,
1.Insert a paragraph
If you want to use <p> tags, convert it to HTML format

2.Bullet list
to create Bullet list use HTML control. Here is an example

3.Headings
If you're using Text control it's not possible to convert only its part to different heading.
You may consider using several Text controls or use HTML control with custom HTML code and text.

4.Add template
the 'Add Template' option does not exist in HTML websites.
You need to create three separate pages with different sliders

5.Home Button

1).Open the Home tab
2). Switch to Tree View
3).Move controls

6.Lightbox
Currently the lightbox is available for the Post Content images only.
The solution is to apply some custom code for lightboxes. If you have a ready solution we could help you to implement it.

regards,
Aileen

Hi Support Team (Aileen),

Thanks for you answers. I really appreciate this!

About using paragraph, bullet list, headings and other HTML tags --> if I convert from Text-Control or TextGroup-Control to HTML-Control --> Themler crashes --> an unexpected error occured
I can solve it by deleting the Text-control or TextGroup-Control and insert HTML Control.
But I just want to say that it's probably a bug in Themler.

Problem1:
About the Home-button --> indeed, we can see all the controls (like text, html, row, column, ...) but only in the footer and header.
In the Content --> we don't see anything, so no sections, no rows, ...
Is that a bug? Before the update we could see all controls, also the ones in the content --> that was very usefull when i wanted to nest sections or rows --> now it's not possible.
Or do you know how I can move controls in a treeview?

Problem2:
About the lightbox --> I attached my solution in this ticket. On the Homepage I inserted a picture. so when I click on that picture, I want a kind of lightbox where we can see the picture in the original format.
Can you help me with that and explain how you did it? (explain which code was added where, etc ...)

Many thanks!

Kind Regards,
Johan Santamaria

Hello Johan,
1.regarding the issue

if I convert from Text-Control...

Do you mean "replace Text control with Text Group control"? How exactly do you do it?

2.Problem 1
I see the issue and I'm passing your site to developers for review. We'll contact you when solution is available.

3.Problem 2
I'm sorry for misunderstanding.
I mean that we do not have a ready to use solution for lightboxes now. I'd recommend that you look for existing solution on web. When you'll find the one which meat your needs please provide us with it and we'll help you to add it to your site.

regards,
Aileen

Hi Aileen,

How I convert:
I selected the text-control and convert it to HTMl (see attachment Convert1.jpg)
Then I click on the "HTML Source" (see attachment Convert2.jpg), add some html-tags and save --> then the application gives a warning (see attachment Convert3.jpg).
Before, the application crashed --> but I updated the the theme to the latest version & the problem is solved. Now it doesn't give any errors.

For problem1 --> OK, no problem, If the developers can find a solution, just let me know something. The fact that I don't see any controls in the Content-control ... I have that with many themes, so I think many people will have this problem.

For problem2 --> I attached a screenshot (lightbox-i-want.jpg) of pictures with a very simple lightbox that i need. You can see it in action on http://osvaldas.info/examples/image-lightbox-responsive-touch-friendly/
Here is the link how to implement it: http://osvaldas.info/image-lightbox-responsive-touch-friendly
I tried but I cannot get it done.
If this is a problem to implement --> the current lightbox in themler is also fine fo tme, but now it works only for images located in the "post content".
I just want to have a lightbox on any image (in Text-group-control, in HTML, ...)

Can you try to get that one image working? I uploaded my solution in the previous reaction.

Many thanks Aileen!

Kind Regards,
Johan Santamaria

PS: When will the lightbox-functionality implemented in Themler? (so that lightbox works everywhere) Any idea when?

Hello Johan,
I'm sorry for delay in response.

1.If you want to use custom HTML, tags and CSS you'd better use HTML Control instead of Text Control. There're should not be any problem with using tags.
The Text control most probably would be modified to be adapted for text = HTML or text only (I cannot say for sure right now)

2.I'm attaching sample HTML site with lightbox feature described at http://osvaldas.info/image-lightbox-responsive-touch-friendly
How it could be re-created:
1).the links to .js files are added to Settings >> Additional HEAD HTML.
I used the links to js file from http://osvaldas.info site. You may download files and use relative links.

2).use HTML Control to create the custom image link <a><img...></img...></a>. This code is added to Edit HTML part of HTML Control. You need two links to image file: for thumbnail and for the full size image.
In the example I used the same image link.

3).add specific CSS code to Edit CSS section. I copied the CSS from this sample page
http://osvaldas.info/examples/image-lightbox-responsive-touch-friendly/
You may use other CSS if you need.

regards,
Aileen

Hi Aileen,

Thanks! It works (also in my other projects)

But I have a problem with adding multiple images next to each other and below each other in the HTML-control.
I attached my solution. Can you have a look please?

In the HTML control --> I want to have the 2 images next to each other. And below these 2 images, I want another image.
How do I do that? (because the <br> tag is not working correctly.)
And adding " " is not very professional.

I know that I can work with rows and columns and add in each column add a HTML control --> but there must be an easy way to add multiple images in an HTML-control.

Can you help me with that?

Many thanks!

Kind Regards,
Johan Santamaria

Hello Johan,
find the attached improved sample.
As at http://osvaldas.info/examples/image-lightbox-responsive-touch-friendly/ I located image links as bullet list and added some CSS to locate images in one line.
The CSS is added under HTML Control >> Edit CSS

Regards,
Aileen

Hi Aileen,

Thanks for your example.
It seems that there is no easy way to include images via 1 HTML Control --> using a bullet list, most clients will not agree to see bullets next to the images.

If I work with columns, is that an option?
I tried it, but I still have the same problems.

The thing that I want is something similar as in attachment images-in-columns.jpg
You see that you have 1 row with 2 columns.
In the first column, you have text.
The second columns contains 3 rows:
- The first row contains 2 columns with 1 image in each column
- The second row contains 2 columns with 1 image in each column
- The third row contains 3 columns with 1 image in each column

How can I get the images in this layout?
I created the columns, and added an HTML-control in each column, but when I use the image-tag in each HTML-control to display an image in each column --> the images are not located inside the column.

Can you change your example (images doesn't need to have lightbox included) and display images in multiple rows and columns?

Many thanks Aileen!

Kind Regards,
Johan Santamaria

Hello Johan,
In fact the solution appears to be fully custom coding solution, including HTML and CSS. I'd recommend that you contact developers of this lightbox to discuss with them what;s the best solution to locate images in several columns and rows.
As I could see from their sample pages they're using set of UL tags, but may be they recommend a different approach.

regards,
Aileen

Hi Aileen,

Thanks for your answer.
In fact, the lightbox has no influence on the layout of the images.

Suppose I create a new website (and not implement anything about lightbox)

If I create 2 rows and in each row I have 3 columns.
In each column I add a HTML-control and in the HTML-control I use the img-tag to display 1 image.

I would expect that each images appears in his own column --> but that's not.

But this topic is becomming very large, so I will create another one, where I add my solution.

Anyway, thanks for all your help Aileen. I learned a lot.

Kind Regards,
Johan Santamaria

Hi,

Problem1:
About the Home-button --> indeed, we can see all the controls (like text, html, row, column, ...) but only in the footer and header.
In the Content --> we don't see anything, so no sections, no rows, ...

This issue happens because Sidebars control is disabled on the Home page. Please enable "Content & Sidebars" under the Layout tab. This should help.

Our developers will fix this issue in the future Themler updates.

Please let us know if you need our further assistance.

Thank you,
Olivia

Last edited 28 January 2016 by Support Team

Hi,

Problem1:
About the Home-button --> indeed, we can see all the controls (like text, html, row, column, ...) but only in the footer and header.
In the Content --> we don't see anything, so no sections, no rows, ...

This issue happens because Sidebars control is disabled on the Home page. Please enable "Content & Sidebars" under the Layout tab. This should help.

Our developers will fix this issue in the future Themler updates.

Please let us know if you need our further assistance.

Thank you,
Olivia

Hi Olivia,

Many thanks! I enabled "Content & Sidebars" and now it's working fine.

Kind Regards,
Johan Santamaria

You are welcome, nice to hear that it helped.
Feel free to contact us in any other occasion.

Sincerely,
Hella