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


Initial Email From:
Mike 
Initial Email Subject: The use of the Accordion
Support Case Month: October 2013

What they want me to do is to have the name of each parish on the pane header and inside an image with the names of the pastor, the youth group and the moderator

They also want to have something like click here that will take the user to either a page about the youth group or to a message page.

Can this be done?  And if so, how?  I can't find any information in the FAQs, but maybe I am asking the wrong question.

Thank you,
Mike

Reply From: Likno Customer Support

Hello Mike,

The answer is yes, what you ask for can be done in Likno Web Accordion Builder.

As I see you have selected the Example 06 (texture) to begin with.

In this example the Body Source is from an External Page.

One way to achieve your desired result is to change the Body Source to "Embedded" and then you can type your Text/HTML underneath.

So, with you HTML code you can have an image with the names of the pastor, the youth group and the moderator and the links you want.

jquery accordion cody source

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 AllWebMenus Pro, abstracted and stripped of all user’s private info.


Initial Email From:
Darold 
Initial Email Subject: Responsive Menus
Support Case Month: July 2013

Hello,

I have the positioning working now on both the desktop and laptop screens.   Made adjustments in CSS and HTML.  Having said this, and the fact that I have four screen versions set up in the project, I really don’t understand how to use this feature. 
Do I really need more than the default setting?  If I need to cover other screen sizes, just how do I do that and what resolution values should I use?

Thanks for your help throughout this issue I had.

Darold

Reply From: Likno Customer Support

Hello Darold,

The responsive feature of AllWebMenus gives you the ability to create 4 different versions of your menu according to screen sizes.

So, you are able to have up to 4 versions of your menu and set the screen size for each version. Then, each version of your menu can have different content, styling, positioning. For example, you might want to have a horizontal menu for the desktop version, but a vertical sliding for the mobile version. Each version covers a range of screen sizes, in this way 4 versions are enough to cover all sizes.

Let me know if you need any further 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: Darold

Do you have an example of how to set multiple versions up to include a mobile version?

Thanks, Darold

Reply From: Likno Customer Support

Hello Darold,

If you choose the responsive feature in AllWebMenus and leave the default values are enough to have your menu for Desktop/laptops/tablet/mobile devices.

According to the screenshot below, the version 1 would be served for screens over 960px, this means that this version of the menu will be appropriate for laptops/desktops.

Version 2 will appear in screen between 768px and 959px, so this will appear in tablets on horizontal view.

Version 3 will appear in screen between 480px and 767px, so this will appear in tablets on vertical view.

Version 4 will appear in screen below 479px, so this means in mobile devices.

responsive menu version and dimensions

Is the above of a help to 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: Darold

Great explanation. Thank you.  Now… do I have to set up different Content, Styling and positioning for each of these versions?  If so, what are default settings for each?  BTW, the explanation of the Responsive Menus feature would be a great addition to your manual.   Don’t recall seeing this level of detail in it. 

Darold

Reply From: Likno Customer Support

Hello Darold,

Indeed you can have different Content, Styling and positioning for each of these versions. If you need to use the same, just use the CLONE functionality after you make a change to one of these, it is very handy:

clone feature in responsive menu

If you mean default settings for the width, you will find them there but you can change them to anything you like. The other default values are the ones that a non-responsive menu would have.

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 Accordion Builder,  abstracted and stripped of all user’s private info.


Initial Email From:
Sandy
l Email Subject: Accordion
Support Case Month: April 2013

How do I get the text to wrap so there is no scrolling within the panes?

Reply From: Likno Customer Support

Hello,

I checked your page and I see that you do not have a DOCTYPE, so your page is not considered as valid HTML.

no DOCTYPE html

Please try adding this as the first line in your page to see if this fixes the problem:

<!DOCTYPE html>

Note that this may make other errors visible in your page. One such issue I noticed in my test was that your main image appeared broken:

broken main image

To fix this, add the following CSS: “display: block;”

You can either add this to the specific image:

<IMG style="display: block;" SRC="images/anniversary/images/anniversary-cars_01.gif" WIDTH=900 HEIGHT=131 ALT="">

Or if you want this for all images, you can add it to the <head> of your your HTML:

<style>img { display: block; } </style>

I understand this may be some work, but it is something you have to do anyway if you want your pages to validate and be HTML5 compliant.

Note, that if you want to avoid most of this work for now and simply fix the accordion issue, you can use an older DOCTYPE definition that will not change your page appearance, such as the following (note this also replaces the <html> tag):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

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

Reply From: Sandy

Kostas, you are the best! thank you so much.

Thanks,
Sandy

 

Tags: , , , , , ,

 

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


Initial Email From:
User
Initial Email Subject: SEO with Likno Web Modal Windows Builder
Support Case Month: April 2013

How do I make the content of Modal Windows available to crawlers? It looks like only compiled code is available, which means Google etc won't find it.

If not, any suggestions?

Reply From: Likno Customer Support

Hello,

This is true only if you use the “Embedded” Content source type. Instead, you can use the “Page Element” source type so that the modal takes its content from the page. This way all crawlers will also see this content.

page element modal window source type

If you want to use the modal to open external pages and especially if want various page links to open in the same modal design, then I strongly recommend using the “Make certain links/forms in page open in this window” option:

make ceratin links open in same modal window

You will find many examples and sample code for this, but if you need more help then let me know your exact needs so that I can suggest the best solution.

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

 


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