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


Initial Email From:
Carmen
Initial Email Subject: 2 modal windows in same project 
Support Case Month: April 2014

Hi guys,

Love your software, awesome!

I have the most strange thing happen to me with 2 modal windows in the same project.

When I simply want to change the width or the height of one of the modal windows, IT CHANGES THE WIDTH AND THE HEIGHT ON THE OTHER ONE! For the life of me I cannot understand why it does this! Please help, images attached.

Many thanks,
Carmen.

Reply From: Likno Customer Support

Hello Carmen,

Thank you for your kind words.

I believe that you have set the width/height to one modal window thus the other modal window gets the same values.

You need to go to Style Editor -> select Edit style of specific window -> select the modal window that you want to have different width/height values and make the changes you need.

modal window styling settings

Do not forget to re-compile and re-upload the produced files to your server.

If the above is not your case, 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 modal window project

Please, let me know if I can be of further help.

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

 

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


Initial Email From:
Gary
Initial Email Subject: Menu Colours
Support Case Month: June 2013

Hello,

Is there any way of changing the color of a specific menu I choose e.g. one I like may be red but I want say a specific green.

Gary

Reply From: Likno Customer Support

Hello Gary,

In order to change menu color you should go to Style Editor tab in AllWebMenus. On the left side there are the available group styles and items styles. Choose which one you want to change. For example you want to change the Main Items color. Choose Main Items Style, in case you want to change the background color just click on "Background Color" Property and choose the color you want (see screenshot below). Choose the background color for each menu state (Normal, Mouse Over and Mouse Click).

It's the same steps for each background color you would like to change (group or items).

menu color

In case you have for example all the main item's background blue and you need a specific main item to have background color green then:

Go to Menu Editor tab, choose the specific item you want and on the right side,  click on All Values and do the same process for Background Color property. This way you will only change the specific item background color.

Specific menu item color

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!

 

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

tab header highlight text

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.

inline style tab

hightlight class

And the result will be like in the following image:

highlight text in tabs

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:

tabs highlight text

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

 

Tags: , , , , , , , , ,

 


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