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

 

Hello everybody,

Since September we have released new versions of our Likno Web Tabs Builder: Builds #124 up to Build #126.

Check out What's New:

- Added some minor improvements to the interface.

- Fixed an issue were headers with defined height and padding, appeared different in IE8 than Firefox.

- Added the "overflow:none" and "background-color" abilities in the BodyCSS for external pages (values passed into the generated iframe).

- Fixed a conflict that could occur when the user had mootools plugins in the page.

- Improved the resizing of interface elements when the Windows DPI settings are larger than 100%.

- Fixed an issue where background images in the CSS properties were not showing in certain cases.

- Made some minor changes in the activation form.

- Fixed an issue with images producing a scrollbar in non-IE browsers.

- Fixed an issue when selecting an image using the "In Gallery Folder" option.

- Fixed an issue where the images "Open" dialog was not closing properly when an image was selected from assets.

- Fixed an issue where images did not center when "text-align: center" was used in the "Body CSS".

You can download the latest version at:
http://www.likno.com/jquery-tabs/download.php

- Added many interface enhancements for a better look & feel.

Tags: , , , , , ,

 

Hello,

We wanted to inform you that we have released new versions of the Likno Web Modal Windows builder - versions 2.0 Build #202 and #204.

Check out What's New in these versions:

- Fixed an issue where cookies for the "Open on Page Load" feature were removed when closing the browser.

- Added the "Auto Resize" feature that automatically resizes the modal window as the browser window gets resized.

- Added a "change" button for the "Site Root folder" in the "post-compile" screen.

- Added the "positioning: fixed;" feature to the "Overlay" and "Container". In IE quirks mode it falls back to "absolute" (depending on the page doctype being used).

- Added the automatic "break out" of frames feature for links opening modal windows from within frames or iframes.

- Fixed an issue were Opera could load a modal window multiple times, when particular conditions were met.

- Fixed an issue where the "Page Links" feature was functional only if the default project name was used.

- Fixed an issue with the activation process when requesting for admin rights.

You can download the latest version at:

http://www.likno.com/jquery-modal-windows/download.php

Tags: , , , , , , , ,

 

Hello,

We wanted to inform you that we have released the latest version of Likno Web Modal Windows builder - version 2.0 Build #200!

Check out What's New in this version:

- Added an easy method to open modal windows from regular links: "Make links of your page behave as modal windows".

When using this option, the behavior of specified links (A tags) in your page changes: instead of opening in browser window (when clicked) they open in the selected modal window.

Example:
<a href="http://www.likno.com/product1_info.html" target="Modal_Window_1_single">Info on Product 1</a>

When using this option, the behavior of specified links (A tags) in your page changes: instead of opening in the browser window (when clicked) they open in the selected modal window.

page links as modal windows

- Added "Example 18", which demonstrates how to trigger a modal window from "imagemap" hotspots.

imagemap areas open popup window

- Added many of the User Interface enhancements introduced in Likno Web Tabs Builder, such as:

- Added the HTML Editor panel, which offers more editing options like the "Revert to" feature.

html windows html editor

- Added the CSS Editor panel, which offers more editing options like the "Revert to" or "Colors detected in this CSS" feature.

html windows css editor

- Added the "Revert to" feature in HTML Editor and CSS Editor, which allows you to go back to previous values when editing.

- Added the "Colors detected in this CSS" feature in CSS Editor, which makes it easier to change a color when editing CSS values.

- Added the "Gallery Folder" option on image properties so that gallery graphics do not have to be added to the "assets" folder when selected.

html windows gallery folder

- Added the "Preview Panel Settings" in Project Properties, where you specify folders for the Preview Panel to look for "relative-path" images and show them properly in local Preview.

- Added the "File -> Export Project (to ZIP file)" command, which lets you "package" a project into a single file (both its .lwmw file and its "assets" folder) for transfer.

- Added the ability to pass "background: none;" and "overflow: hidden;" values to the "Body CSS" property.

- Fixed an IE8-only issue with "width".

- Fixed an issue with "margin" in the "Body CSS".

You can download the latest version at:

http://www.likno.com/jquery-modal-windows/download.php

Tags: , , , , , , , ,

 

Hello everybody,

Since July 1 we have released new versions of our Likno Web Tabs Builder: Builds #118 up to Build #122.

Check out What's New:

- Added many interface enhancements for a better look & feel.

- Fixed an issue with the image selection, on certain cases only.

- Fixed an issue with images not getting centered when "text-align: center" was used in the Body CSS.

- Fixed an issue with the Header image size.

- Added basic image preloading (for background images in the CSS values), so that images show fast.

- Enhanced the welcome screen.

- Fixed an issue with the header width in IE quirks mode.

- Added many interface enhancements for a better look & feel.

- Changed basic project separation into "Header Within/Outside Container" Types.

- Added the "Filter Examples by Type" feature.

- Added the option to have no projects open.

- Added the option to switch a project among "Header Within/Outside Container" Types.

- Added several new examples, some examples have been renamed.

- Enhanced the "View Example Thumbnails" form.

- Fixed an issue where the control gained focus in IE and the page "jumped" to view the tab control in the screen.

- Fixed an issue with custom classes in DIVs.

- Fixed a display issue with Separators when the project was of the "Headers Outside Container" Type.

You can download the latest version at:
http://www.likno.com/jquery-tabs/download.php

- Added many interface enhancements for a better look & feel.

Tags: , , , , , ,

 


© 2009-2013 Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows