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


Initial Email From:
Struan
Initial Email Subject: Likno Web Tabs Builder - WordPress integration
Support Case Month: December 2013

Hi there

Just purchased the 3 license version of LWTB today and I have spent many hours building images for a time-limited project. It is configured exactly as stated by the given documentation and I am now seeing an error message come up on my browser saying "Likno Web Tabs *cannot appear!* The required positioning element with ID="lwtAnchor-test-tab1" is not found in page (see "Positioning" property in application).

I followed the WordPress setup instructions as carefully as possible and repeated the setup process several times. Now I am almost ready to give up as it doesn't appear to be working. Is there a really simple solution that doesn't appear in any of the documentation?

Best regards,
Struan

Reply From: Likno Customer Support

Hello,

First, thank you for your purchase.

Have you checked the print "DIV" element option?

wordpress tab interface

Also, please export and send me your project file, so that we can have a better look at the problem.

This is what you should do to export your project into a ZIP file and then email this ZIP to us.

export tabs project

Thank you!

Kind Regards,  

Aggelos Tsakonas
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: Struan

Hi

yes,  like I said, I followed all instructions with due care and diligence.

I went through the Likno forums, Google search and a large variety of well known Dev forums to find answers...

Please find attached the requested ZIP file.

The project I am working on is being released on Friday 20th Dec hopefully with a completed Tabs interface for the R&D team to commence testing.

Cheers

Reply From: Likno Customer Support

Hello Struan,

On the WordPress Admin Panel change the name of the tab control to "testtab1"

wp tabs interface

Switch back to Likno Web Tabs Builder and change the Population method to Populate the tabs inside this project (this way you don't need to add any code on your own, if you indeed need the populate through DIVs let me know)

tab content population method

Change tha positioning to lwtbAnchor-testtab1

tab positioning element

Go to Project Properties and change the compiled JavaScript name to testtab1

tab project properties

Then, re-compile your tabs project for WordPress.

Switch back to WordPress Admin panel. Go to testtab1 and upload the new zip file.

Then, you can go to add a new Page for example and click on the red tabs icon

wordpress tabs shortcode

And select the tab "testtab1"

wordpress tabs

Then, the tabs should appear in that page (or all if you checked so)

wordpress tabs in page

Let me know if you need more information.

Thank you!

Kind Regards,  

Aggelos Tsakonas
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

 

Tags: , , , , , , ,

 

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


Initial Email From:
Hans
Initial Email Subject:  Web-Tabs builder nesting
Support Case Month: October 2013

Hi,

I am using nested web tabs. 3 levels deep. The problem is: how do I go back one or more levels up. If I go back to the page where the tab I want to go to is on, it opens inside the current tab.

I presume web-tabs works with frames, but how do I make it go to the right tab.

Thanks for your help.

Best regards,

Hans

Reply From: Likno Customer Support

Hello Hans,

Web Tabs work with iframes, you should use the target="_top" and target="_parent" to select the correct tab.

Thank you!

Kind Regards, 
Aggelos Tsakonas
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

 

Tags: , , , , , , ,

 

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


Initial Email From:
Celestino
Initial Email Subject:  likno tab features  
Support Case Month: September 2013

Hello,

Is is possible to make link between tabs and/or bookmark a tab menu in such a way that user can open a tab by clicking  a link in a page?

Regards,

Celestino

Reply From: Likno Customer Support

Hello Celestino,

Please, read that article: http://www.likno.com/blog/tag/tab-application/

You can also use #mytab (mytab stands for your tab) in your URL in case you need to open the page and the specific tab.

Let me know if you need more information.

Thank you!

Kind Regards, 
Aggelos Tsakonas
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

 

Tags: , , , , ,

 

Hello! We have released a new version of Likno Web jQuery Tabs Builder: Version 2.1 build #226.

Check out What's New:

- Added full support for the new Joomla 3.x Add-in.

- Fixed some other minor bugs.

All features here: http://www.likno.com/jquery-tabs/index.php

Download the new version of our web/html tabs builder at http://www.likno.com/jquery-tabs/download.php

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

 

Tags: , , , , , , , ,

 

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


Initial Email From:
John
Initial Email Subject: Web Tabs Builder - How to style Tab Header text to give 'highlighter' effect?
Support Case Month: June 2013

Dear Kostas & team

In AllWebMenus we are able to style menu items with a highlighter effect on mouseover

e.g.

Text (HTML formatting) 

normal : Home

mouseover: <span style="background-color: yellow">Home</span>

mouseclick: <span style="background-color: yellow">Home</span>

This highlights just the text, and does not change the background color of the whole item.

I would like the text within the tab headers (not the whole of the tab header) in Web Tabs Builder to have the same behavior.  How can I do this?

Many thanks,
John

Reply From: Likno Customer Support

Hello John,

In case you need only the same highlight color in all  states of the header text then you just go to the Tabs Header Text/HTML and do the same as in AllWebMenus. (see image below)

background color in tab header

In case you need different colors in each state, I would propose you to go to Tab_1 Header Text/HTML and create a class there in <style> tags. Note that then you will be able to call this class in all items.

style tag in tab header

CSS class in tab header

highlighted text in tab header

Kind Regards,
Aggelos Tsakonas
Likno Customer Support
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: John

Hi Aggelos

Many thanks for your rapid response.  I see what you are saying for tabs with headers and bodies populated within Web Tabs Builder.

How would your suggestion apply where the tabs are populated through DIVs?  (inside the page)

Bests,
John

Reply From: Likno Customer Support

Hello John,

When you populate your tabs through DIVs, this means that tabs' content is inside your page. You can have the class I sent you before inside your page in <style> tags or have this in your general CSS file. Also, you can just have inline style in each tab header your want.

See the example code below:

<!DOCTYPE html>
<html>
<head>
<style>
    .highlight{
               background-color:#FF0000;
              }

    .highlight:hover {
                      background-color:yellow;
                      }
</style>
</head>
<body>
<!-- ******** BEGIN LIKNO WEB TABS CODE FOR highlightHeaders ******** –>
<script type="text/javascript">var lwtbLinkedBy="LiknoWebTabs [1]",lwtbName="highlightHeaders",lwtbBN="220";</script><script charset="UTF-8" src="likno-scripts/highlightHeaders.js" type="text/javascript"></script>
<!-- ******** END LIKNO WEB TABS CODE FOR highlightHeaders ******** -->

<div class="liknotabs_header" style="display: none;">
    <span class="highlight">Header 1</span>
</div>
<div class="liknotabs_header" style="display: none;">
    Header 2
</div>
<div class="liknotabs_header" style="display: none;">
    <span style="background-color:#FFFFFF;">Header 3
</div>
<div class="liknotabs_body" style="display: none;">
    <p>Here is the text of the <b>first tab body</b>.</p>
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div class="liknotabs_body" style="display: none;">
    <p>Here is the text of the <b>second tab body</b>.</p>
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
     <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div class="liknotabs_body" style="display: none;">
    <p>Here is the text of the <b>third tab body</b>.</p>
     <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>

</body>
</html>

And the result:

highlight text in tabs header

Kind Regards,
Aggelos Tsakonas
Likno Customer Support
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: John

Thanks Aggelos, that works for me!

John

 

Tags: , , , , , , , , ,

 


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