Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows and more...

Knowledge Base support case for AllWebMenus, Likno Web Scroller Builder, Likno Web Modal Windows Builder, Likno Web Tabs Builder, Likno Web Tooltips Builder,Likno Web Accordion Builder, Likno Drop Down Menu Trees, Likno Web Button Maker ,  abstracted and stripped of all user’s private info.

Initial Email From: Barry
Initial Email Subject: Accordion builder
Support Case Month: November 2013

Don't know if it is AllWebsMenu specific or a windows issue (I'm using windows 8.1) but I don't seem to be able to copy/cut and paste anything. The clipboard does have the item copied but it wont paste.

No problems on other programs.

Reply From: Barry

Found the problem, it wasn't your software.

I have Webroot Secure Anywhere running (launches with windows) and this was preventing pasting.

Below is the solution I found - should you encounter similar issues from someone else.

Thanks for all your help

Barry

The symptoms you are experiencing are related to the Identity Shield functionality, which is explicitly made to block access to certain functionality such as the screen contents and clipboard in some cases.  There are a few possibilities on what is occurring in this specific one. I make the assumption, though possibly inaccurately, that a browser is running while this symptom occurs. If no browser is running at all and this continues to happen, contact support immediately for diagnostics gathering and escalation.

Go to the Identity & Privacy tab and click "View/Edit Protected Applications"

- Is the DB program or any part of it listed under "Deny"?  If so, change it to "Allow".

- Review the "Deny" list.  Any program that you explicitly trust that is set to "Deny" may be changed to "Allow" safely.

Reply From: Likno Customer Support

Hello Barry,

Glad to see you found the problem and letting us know.

Best 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!

Here we will see the steps you need to do in order to embed a Youtube video in any of Likno Web Builders (Sliders, Modal Windows, Tabs, Accordions and Tooltips)

Step 1: Go to youtube.com and find the video you want. Below the video you will find the Share, Click Share and then Click on Embed. Copy the Highlighted Code.

Step 2: Go to the Likno Builder of your choice, in the content you would like to have and paste the code you previously copied from Youtube. You will notice that the src begins with //. This is going to work on your website but not in the preview or on your localhost.

In order to avoid that, you need to add http: before // so that the src begins with htttp://

That's it, you now have the Youtube Video embedded in your content.

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 colour 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 behaviour.  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)

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.

And the result will be like in the following image:

Best 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)

Best,
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 external 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</span>
</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:

Best 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

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

Initial Email From: User
Initial Email Subject: Element under body but not needed Tabs
Support Case Month: May 2013

We have code like

<script type="text/javascript">var lwtbLinkedBy="LiknoWebTabs [1]",lwtbName="cpromos_banner_tabs1",lwtbBN="212";</script><script charset="UTF-8" src="http://www.mainurl.eu/assets/jq-plugins/animation/banner/js/cpromos_banner_tabs1.js" type="text/javascript"></script>

If I do not need Tabs scroll in one moment, is there possibility to display NONE as I need code to be placed at the top under body but tabs will not be published. Is this possible as jQuery shows an error when code is placed but tabs are not invoked.

Sometimes code is needed at the top but Tabs will not be published and in the example jQuery should be 100% without an error which shows when Tabs are not there but code is placed.

Issue is with templates because separate template should be created when code is there OR NOT at the top but tabs are published OR not.

Reply From: Likno Customer Support

Currently there is no option to show or hide the scroller, but I guess you could use the following custom code:

lQuery(".cpromos_banner_scroller1_container").hide();

lQuery(".cpromos_banner_scroller1_container").show();

Best Regards,
Kostas
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!

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

Initial Email From: User
Initial Email Subject: EW4 Bridges
Support Case Month: May 2013

I want to purchase three programs; scroller, accordion, and tabs but I am unable to link these to my EW4 software.  How can I do his?

Reply From: Likno Customer Support

Hello,

Specifically for Likno Web Scroller Builder, we have a special EW4 Add-in that will help you with the integration:

http://www.likno.com/jquery-scroller/microsoft-expression-web.php

For the other two applications, we do not yet have an add-in, but you can manually add the Linking Code and Positioning Code to your HTML pages and it will work without problems.

Best Regards,
Kostas
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!