Knowledge Base support case for Likno Web Modal Windows Builder and Likno Web Tabs Builder, abstracted and stripped of all user’s private info.


Initial Email From:
Martin
Initial Email Subject: More problems - Web Tabs - Modal 
Support Case Month: January 2013

Hello
I have start using Modal and Web Tabs and have some problems
- Web Tabs:
When I use the generated code in local Html Editor – everything looks ok

When I put the code in my portal, it show up “now and then”, same in Chrome and IE
When I make a html file and put it on the net – same problem:
{URL REMOVED}
When I link this file in a Modal window – white page inside the modal frame:
{URL REMOVED}

How is this done ?:
demo tab controls

What code from Web Tab do I put in the Modal, Embedded: – I used this:
--------------------
<!-- ******** BEGIN LIKNO WEB TABS CODE FOR likno-tabs-project ******** -->

<script type="text/javascript">var lwtbLinkedBy="LiknoWebTabs [1]",lwtbName="likno-tabs-project",lwtbBN="216";</script><script charset="UTF-8" src="{URL REMOVED}" type="text/javascript"></script>

<!-- ******** END LIKNO WEB TABS CODE FOR likno-tabs-project ******** -->

<div id="liknotabs_positionID"></div>
----------------------------
Regards
Martin

Reply From: Likno Customer Support

Dear Martin,

What do you mean by “now and then”? I checked your webpage (index.html) and the tab shows up every time.

There is an issue with the letters floating outside the tab headers, but this is because your page does not have a valid DOCTYPE.

To correct the problem, please change this:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

Into this:

<!DOCTYPE html>
<html>

Regarding the Modal Window now, the problem is that you are trying to load the page with “Ajax”. The Ajax technology was developed for bringing in pure text and it does not support loading scripts (like the tab control). The solution here is to load the page as “External Page” instead of “Ajax”.

Please let me know if you have any more problems.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Martin

Got it to work here:
{URL REMOVED}
But if I could program this into a modal window would be nice

Regards
Martin

Reply From: Likno Customer Support

Dear Martin,

In order to load this in a Modal, you just have to make sure that you load it as “External” as I said in my previous email. Here is a screenshot:

load content to modal window as an external page

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Martin

Thanks!
- So it’s not possible to use the direct code from Web Tab’s into Modal ?
Like this:

<!-- ******** BEGIN LIKNO WEB TABS CODE FOR likno-tabs-project ******** -->

<script type="text/javascript">var lwtbLinkedBy="LiknoWebTabs [1]",lwtbName="likno-tabs-project",lwtbBN="216";</script><script charset="UTF-8" src="{URL REMOVED}" type="text/javascript"></script>

<!-- ******** END LIKNO WEB TABS CODE FOR likno-tabs-project ******** -->

<div id="liknotabs_positionID"></div>

- When will you include a WYSIWYG editor inside your products ?

Regards
Martin

Reply From: Likno Customer Support

Dear Martin,

1) The best/easiest way would be to have a separate page with the tab and load it as “external”. This is the same as what you tried to do before, but with “external” instead of “Ajax”.

2) Actually we are currently adding a WYSIWYG grid editor that will make it much easier to add the CSS values. You will see it in the next release of Modal Windows as well as out other builders.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Martin

Thanks
Yes, I have done it now – but need an easy way to update, so I “linked in” a “news system” as you now can see on my first “Investor 1” tab.
- Waiting for the next version.
- Now the Modal is working to:{URL REMOVED}

Regards
Martin

Tags: , , , , , , , , , , , , , ,