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


Initial Email From:
Chris
Initial Email Subject: Tooltips and Menus
Support Case Month: August 2013

Hi. 
As you will see from my site, I have a mega menu, and I am attempting to tooltips from Likno Web Tooltips.  I have been able to add them successfully to the Main Menu Group.  However, I have not been able to get the Likno Web Tooltips to display in the Sub-menus - just the default tooltip formatting or the standard tooltip format for the page that links to the sub-menu.

On the sub-items style I want to use "Tooltip_MegaMenu" that displays the tooltip to the right of the target. This tooltip has been compiled with Source AllWebMenus. There is a title for each submenu item, as displayed.

Perhaps instructions or a demo for mega menus would help as I was unable to find anything in the manual or knowledgebase.

Hope you can help.  The software works fine otherwise thanks.

Regards,
Chris

Reply From: Likno Customer Support

Hello Chris,

Please, download the latest version of Likno Web Tooltips Builder  http://www.likno.com/jquery-tooltips/download.php

After you have installed it, open your tooltip project and make the following changes:

likno tooltip content source

After you have finished with the changes, re-compile your tooltips project and re-upload the produced files.

Then in your AllWebMenus project you need to add the class="megaTooltip" where you want the Tooltip to appear.

likno tooltip element

Compile your menu project and re-upload the produced files.

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!

Reply From: Chris

Hi again Aggelos,

Following my previous email, where I asked about interference between Toolip_Page and Tooltip_Mega  I made a change to Tooltip_Page (attached).  On the project tooltips tab, I changed Opens When to “Some of the page ….” and  defined a class name.  This change allowed both tooltips to be previewed as intended – it appeared to stop interference.  On compiling, the tooltip Tooltip_Mega was displayed in the menu for the first time, but not for the whole menu – only for subitems linked to the page that was open.  The rest of the menu used default formatting – as described in my previous email.

It would be useful to be able to use the in-page method with “ALL” title and alt items on the page (without having to define class), plus have mega menu items pick up tooltip style (with defined class), but across the whole menu, not just parts as I am currently generating.

Regards

Reply From: Likno Customer Support

Hello Chris,

Have you changed anything in the meantime as I see in this url {URL REMOVED} the submenu tooltips to appear in all submenus.

You can use the In Page source and ANY page element that uses title or alt. Note though that this will affect anything in your page. So if you have another alt or title in any other element in your page will be displayed in the Likno Tooltip. In this case, you don’t need to define any class for the tooltip.

tooltip content settings

If you need some specific tooltips to show differently then you could have the in page source option for SOME of the page elements and define a class for those items.

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!

Reply From: Chris

As I noted in my email this morning, I made my own tooltips with CSS for the menu (submenu groups), but I would prefer to use tooltips from Likno if I can get them working.

At the weekend I recompiled the site after changing my template in Dreamweaver, so the Likno calls appear in a slightly different order – this was so my menus stayed linked when I updated the page template.

I have attached two images to demonstrate the problem I have with Likno Tooltips. They are both from the page article1894ReformDressWedding.html – the bottom item on the “Articles” submenu. The page is on my computer, not on the website.  The browser is Firefox.  I have attached a copy of both my tooltips and the Menu as exported. 

The page on my computer is the same html as the version on the website so you can see the source html – {URL REMOVED}. However, the javascript  tooltip on the website is different to the zip file attached – so that Likno tooltips will not display in the submenu groups on the website version, but will on my computer.

View1 – this shows two tooltips for an item in the Articles submenu group - The green tooltip is the one generated by Likno Tooltips.  The orange tooltip is from my css.  Both tooltips get their data from data-tooltip in the menu html.  You will note that “Articles” is highlighted in the menu. 

View2 – this shows only one tooltip for “Comrie” – the orange tooltip from my css.  The green Likno tooltip is not generated, but should be too. 

The problem demonstrated is that the Likno tooltips are only displayed for the items that relate to the page being displayed – the one with the yellow item highlighting.  I would like the tooltips to display for the whole menu, not just for the page item opened.  If you can get this working I will delete my additional css, and use the Likno tooltips!

I hope the jpg files assist in demonstrating the problem.  As I am not in to javascript, I am not sure if the order of making javascript calls in my html affects how Likno software works?  All pages have Allwebmenus and tooltips, some have modal windows.  Perhaps get the order of my javascript calls checked too?

I look forward to hearing from you.

Regards,
Chris

Reply From: Likno Customer Support

Hello Chris,

Please, check the live option in your Tooltip_Mega

live option in likno tooltips

Then, re-compile your project and re-upload the produced files.

This should solve the problem  and you could see your likno tooltip wherever you have the attribute data-tooltip.

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!

Reply From: Chris

Thanks very much for the assistance.  All working now and uploaded. 
Regards,
Chris

Tags: , , , , , , ,

 

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


Initial Email From:
Rich
Initial Email Subject:  Scroller
Support Case Month: July 2013

I think I'm getting the hang of this!

Question 1: The link at top left that reads "Travel" - can I change the name and link in the style menu? If so I can't seem to find it.

Question 2: Do I have the option of getting rid of the "Travel" link altogether so it's just a blank space there?

Rich

Reply From: Likno Customer Support

Hello Rich,

Answer 1 & 2:    You need to go to Style Editor, then Areas and click on Content of the Top Area. Then you need to remove all the code except the word "Travel" or you can write anything you want to appear in the top area.

scroller top area content

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!

Reply From: Rich

I may have misunderstood your directions. When I left "Travel" it read "Travel" in the top which I don't want. Then I decided to delete all the code, but now part of the top and bottom of the scroller are gone. Is there a way I can get it to just be a blank, grey bar? Like, just the way it normally looks, but without the big "Travel" word/link?

Reply From: Likno Customer Support

Hello Rich,

I am sorry if I confused you.

This is what you should do to achieve what you want.

Step 1:  Go to Style Editor -> Areas, Click on Top Area Content and delete all the code it had (or leave it empty if you already have it empty).

top area content in jquery slider

Step 2:  Click on Top Area CSS, go to the height property and set it fixed 42px;

jquery slider top area CSS properties

Then the result will be this, as you wanted it to appear:

jquery slider

Let me know if you need more information.

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

it works! thanks again

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

 

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


Initial Email From:
Juergen
Initial Email Subject: Tooltip doesn't show new Likno-Tooltip but standard tooltip
Support Case Month: November 2012

Hi Likno-Team,

within my investigations of a new functionality within our website, I created the content of a DIV via script and set this content via

document.getElementById(DIV-ID).innerHTML = cNewContent;

Within the generating function, there is a definition like:

<a id='cId' href= '#' onclick='MyFunction()' title='Title'>abc</a>

After generating that html, the tooltip is well displayed with Likno-Tooltip.

The function 'MyFunction' has to change the title of the actual link and is defined as:

document.getElementById(cId).title= cNewTitle;

After using that function, the old title is still displayed and additionally the new title is displayed as a standard tooltip.

How can I solve that issue.

Many thanks an best regards,

Juergen

Reply From: Likno Customer Support

Dear Juergen,

The problem is that after the tooltip is applied to your element, the “title” attribute is changed to “oldtitle” in order to avoid the standard browser tooltip from appearing. Hence all you need to do, is to change the “oldtitle” instead. I believe the following should do the trick:

document.getElementById(cId).oldtitle= cNewTitle;

Best 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

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

 

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


Initial Email From:
Yves
Initial Email Subject: Question
Support Case Month: October 2012

Hello,

where can I chance the title of Overview…. And the color of forward and backward?

Many thanks in advance.

Best Regards

Yves

accordion example

Reply From: Likno Customer Support

Dear Yves,

Regarding the text and arrow color in this specific example, both are images – not text. As such, if you want to make changes you need to open them into a graphic editor (such as Microsoft Paint) and change them there.

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

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

 

Here you can read about an interesting Use Case of a very powerful feature of Likno Web Tooltips Builder, that is actually utilized on our own website (as of May 2012).

If you visit any page of our Likno.com website (http://www.likno.com for example), you will notice that a Likno tooltip appears when placing the mouse over any image (icon) of the "See Also" section (at the top part of the page):

SNAGHTMLbcaa63b

The interesting part here is that each image (icon) shows the same tooltip but with different content; this content is automatically retrieved from the image's "ALT" attribute.

This means that you can dynamically change the content of a tooltip by just using a different value on the "alt" attribute (in this case) OR any other custom attribute of yours.

This capability is explained in detail here: LWTT: "In Page" feature – How to open the *same tooltip with different content*, retrieved from the page’s HTML (on-the-fly)

HOW THIS IS IMPLEMENTED ON OUR WEBSITE

If you view the source code of the likno page, you will see the following code for the 1st icon ("img") of that section:

SNAGHTMLc246334

After the code screenshot above, you see the interface screenshot of the related Likno Web Tooltips Builder project, which uses the following values:

1. The "In Page" option as the Source of the tooltip's content. This means that the content of each tooltip will be retrieved from the page, dynamically.

2. The "Retrieve the content from the "title" (or "alt") attribute of page elements" option. This means that our script parses the entire page and qualifies all elements that use a "title" or "alt" attribute as potential tooltip "triggers", with their "title" or "alt" attribute values being the content of the tooltip that they will trigger.

3. The "SOME of the page elements that use the above attribute" value at the Opens When ("Trigger") property. This means that we do NOT want ALL the images of the page that use the "alt" attribute (or any page element that uses the "title" attribute) to show a tooltip. Instead we want to restrict this behavior only to those elements that ALSO use the Class="acc_hd" value in their tags.

So, if you mouse over any other image on the same web page (that uses the "alt" attribute) you will see that this tooltip does not appear for them.

For example, no tooltip appears when mousing over the top-left image (the "liknosoftware" logo):

SNAGHTMLc339819

Why?

Because while it does have an "alt" attribute (first matching criterion) in its tag, it does NOT have the Class="acc_hd" value (second matching criterion):

SNAGHTMLc4bb23e

You realize that you can use this feature with many combinations, which makes it rather powerful.

If you want to learn more about all possible options, please read the related topic here:

LWTT: "In Page" feature – How to open the *same tooltip with different content*, retrieved from the page’s HTML (on-the-fly)

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

 


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