Lots of basic problems with "themler for html"

johansantamaria
24 Posts
johansantamaria posted this 28 December 2015

Hi Support Team,

I'm trying to create a simple website with "Themler for HTML", but I have lots of problems with basic things.

  • Insert a paragraph: When I have the control "Text" on a webpage --> I want to select a few sentences in that control, to change it to a paragraph. How do I do this?
  • Bullet list: I also wonder how we can add a bullet list. I see that we can configure the style for it, but I cannot find a way to insert a bullet list.
    When I go to HTML-view and want to insert is manually via the HTML-tags and save it --> themler crashes.
    Can you explain me how to get a bullet list?
  • Headings: I also want to select, for example, 1 sentence in a text and change it to a heading --> is this possible?
    Cannot get this simple task done --> when I go to HTML-view and add the h1 and h1-closing tag --> it crashes.
  • Add template: In some screenshots on the themler-website (for example http://answers.themler.com/articles/51258/themler-update-24-dec-2015) --> also see attachment themler-add-template.jpg --> I see that it is possible to add templates (because default we have only the home-template & Page-tempate). But I can't get the "add template" thing in themler. How do I create a new template?
    The thing that I want to do is create a slider with a few slides and assign it to tempate1, then create a new slider with a few slides and assign it to tempate2, then create a new slider with a few slides and assign it to tempate3. How can I do that?
  • Home Button: Since 24 dec we have a new "Themler for HTML" --> Before we had a Home-button --> see attachment themler-home.jpg --> when we clicked on thet button, we could arrange the different controls and nest text-controls etc ... --> this was very usefull --> where can I find it now? (with the new themler version?)
  • Image lightbox: Also a very basic feature that is almost used on every website are small images that are clickable. When you click on the small image, the original image should be showed. How can I get this easy thing done in "Themler for HTML" --> In Artisteer, it was done via the "preview parameter" --> if yes the image was clickable and the original image was showed after the click. How can I get the same in "Themler for HTML"? If it cannot be done via the UI, where do I have to insert which code?

I also attached the untitled-template (is the template that we get defaut when starting "Themler for HTML") --> I added the text control --> can you try to do the things mentioned above? And explain me how you did it?

Many thanks!
Sorry for the massive amount of problems.

Can you let me know something?
Many thanks!

Kind Regards,
Johan Santamaria

Hi Support Team, I'm trying to create a simple website with "Themler for HTML", but I have lots of problems with basic things. - Insert a paragraph: When I have the control "Text" on a webpage --> I want to select a few sentences in that control, to change it to a paragraph. How do I do this? - Bullet list: I also wonder how we can add a bullet list. I see that we can configure the style for it, but I cannot find a way to insert a bullet list. When I go to HTML-view and want to insert is manually via the HTML-tags and save it --> themler crashes. Can you explain me how to get a bullet list? - Headings: I also want to select, for example, 1 sentence in a text and change it to a heading --> is this possible? Cannot get this simple task done --> when I go to HTML-view and add the h1 and h1-closing tag --> it crashes. - Add template: In some screenshots on the themler-website (for example http://answers.themler.com/articles/51258/themler-update-24-dec-2015) --> also see attachment themler-add-template.jpg --> I see that it is possible to add templates (because default we have only the home-template & Page-tempate). But I can't get the "add template" thing in themler. How do I create a new template? The thing that I want to do is create a slider with a few slides and assign it to tempate1, then create a new slider with a few slides and assign it to tempate2, then create a new slider with a few slides and assign it to tempate3. How can I do that? - Home Button: Since 24 dec we have a new "Themler for HTML" --> Before we had a Home-button --> see attachment themler-home.jpg --> when we clicked on thet button, we could arrange the different controls and nest text-controls etc ... --> this was very usefull --> where can I find it now? (with the new themler version?) - Image lightbox: Also a very basic feature that is almost used on every website are small images that are clickable. When you click on the small image, the original image should be showed. How can I get this easy thing done in "Themler for HTML" --> In Artisteer, it was done via the "preview parameter" --> if yes the image was clickable and the original image was showed after the click. How can I get the same in "Themler for HTML"? If it cannot be done via the UI, where do I have to insert which code? I also attached the untitled-template (is the template that we get defaut when starting "Themler for HTML") --> I added the text control --> can you try to do the things mentioned above? And explain me how you did it? Many thanks! Sorry for the massive amount of problems. Can you let me know something? Many thanks! Kind Regards, Johan Santamaria
Vote to pay developers attention to this features or issue.
13 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 29 December 2015

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

TextHTML.png

and then use 'HTML Source' option to edit the text.

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

HTMLControl.png

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

TreeView.png

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

Hello Johan, 1.*Insert a paragraph* If you want to use `<p>` tags, convert it to HTML format !TextHTML.png! and then use 'HTML Source' option to edit the text. 2.*Bullet list* to create Bullet list use HTML control. Here is an example !HTMLControl.png! 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* !TreeView.png! 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
johansantamaria
24 Posts
johansantamaria posted this 04 January 2016

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

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
Support Team
Support Team posted this 06 January 2016

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

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
johansantamaria
24 Posts
johansantamaria posted this 06 January 2016

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?

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?
Support Team
Support Team posted this 20 January 2016

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

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
johansantamaria
24 Posts
johansantamaria posted this 22 January 2016

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

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
Support Team
Support Team posted this 26 January 2016

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

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
johansantamaria
24 Posts
johansantamaria posted this 26 January 2016

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

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
Support Team
Support Team posted this 28 January 2016

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

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
johansantamaria
24 Posts
johansantamaria posted this 28 January 2016

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 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
Support Team
Support Team posted this 28 January 2016

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, > 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

johansantamaria
24 Posts
johansantamaria posted this 28 January 2016

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

> 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
Support Team
Support Team posted this 29 January 2016

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

Sincerely,
Hella

You are welcome, nice to hear that it helped. Feel free to contact us in any other occasion. Sincerely, Hella
You must log in or register to leave comments