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


Initial Email From:
John 
Initial Email Subject: Modal Windows
Support Case Month: April 2014

Hello,

What I do not want is a slideshow or grouped images.

What I would like is from a range of thumbnail images set out in a table (I know, use of tables is not the done thing but they work and they are simple), with a paragraph of explanatory text. The visitor can click on any of the images, individually for a larger view.

I have managed to do this with one image, using single image but of course it will not work for other images.

As I will be adding images to the page on a regular basis. It will be lot of work to having to produce new code each time I add a number of images.

Is there a way to clear and re-use an id after the current modal window is closed? Does that make sense?

Below is my starting point. I would like to make the rest of the images act, individually, in the same way that the first one does. How do I do that?

I hope that this makes sense and look forward to your comments.

Thanks and best regards,

John

Reply From: Likno Customer Support

Hello John,

The better way to achieve what you want, is to use the Modal Window API.

This means you will create a modal window project so that you define the styling you want for your modal window.

Then, you can dynamically load the  content in the modal window. This means you only have one modal window project thus the least code needed.

You may find more information for modal window API here: http://www.likno.com/downldd/Modal_Windows_API.pdf

So, for example if you have a modal window called Modal_Window_1 and you want when clicking on the thumbnail image to load the original one in the modal window, the code would look like:

onclick="Modal_Window_1({bodySource:'<img src=\'myImage.jpg\'/>'});"

The above would open the modal window with your image as the content.

Or in case you want to load the image along with some information text:

onclick="Modal_Window_1({bodySource:'<div>This is my information text</div><br /><img src=\'myImage.jpg\'/>'});"

In your modal window project you should choose  "Show content as specified inside this project" -> Single Sheet -> Embedded.

jquery modal window properties

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:
Ben 
Initial Email Subject: error code in wordpress 
Support Case Month: December 2013

"Likno Web Scroller Builder Error: Positioning element "#liknoscroller_positionID" is not found in page."

What does this mean and how do i fix it?

I have uninstalled the plugin twice and published the scroller twice, once a new one and then deleted the file and republished

Reply From: Likno Customer Support

Hello Ben,

This error means that you have selected to populate the scroller through DIVs in your page

Scroller populated by DIV elements

But you haven't added the code that populates the scroller items in your page.

If you want to go with this option you need to add the code in your page.

You can see the Sample Code in Likno Web Scroller Builder. Copy the code that populates the scroller items.

jQuery slider sample code

In WordPress, when you add a new post (or in an existing one) after you have selected the scroller, you can paste that code.

jQuery WordPress slider code

Another way you can have your scroller is with the selection "With items inside the compiled project (js)", which means that everything will be included in your compiled file, so you don't need to add extra code to populate your items in your page. It depends on what you want to achieve with your scroller.

jQuery slider population methods

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

Fantastic - you did it thank you so much
Ben

 

Tags: , , , , , , , , ,

 

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


Initial Email From:
Sue
Initial Email Subject: Scroller Builder
Support Case Month: August 2013

Dear Patient and Helpful Menu Crew:

As I wrote, I did get the menus back in my website thanks to your help. Then I began thinking how I would like to upgrade the website using my newly-purchased PRO version of  the software. I started changing colors and layout, and of course, the menus.

I originally wanted to have pretty white letters coming out of the blue background between the sections for my menu. I was tempted to try the gallery of menus, however, tried one and then could not delete it. The menu I chose was “Bootstrap Gray”. 

Question 1: How do you delete a pre-fab menu once you apply it?

Question 1.5: If I select apply a pre-fab menu, should I be clicking that box that talks about deleting previous style settings?

I got the menu anchored to the Table, (after failing with TD and Span). The Anchoring put the menu on top of the top of the bottom section. It took me a full day thereafter to get it centered. I ended up using the height-“44” code that I found in your materials (which I read extensively). That centered the menu in the space vertically, but I don’t know why because my editor told me that the actual height of the space was 18 pixels. However, I actually got the menu anchored and CENTERED in the blue space between the sections, and considering this a major achievement of my life, and tried to refrain from trying further to move it or tinker.  However, the spacing of the items in the menu bothered me. I changed “distance between items” and Poof! the centering was gone. Since Poof? I have tinkered with the code and the sizing of the space, and options in AWM, to no avail. I have become a pro, however, with “previewing in browser” and hitting the F8 key.

Question 2: How do you space the distance between items on the pre-fab menu?  I know this must be to-able, because I changed the text size.

Question 3:  Can you give me code to center?

Question 4:  If Sue deletes the pre-fab menu, can she figure out how to configure and anchor the menu on her own?  We shall see.

I hate to be a serial support customer, but I spent all weekend on this before writing.) Smile

Reply From: Likno Customer Support

Hello Sue,

Answer 1:  When you apply a menu theme and you have saved the project like that, indeed you have lost the previous state of your menu.

                      However, if you go to the following path " C:\Users\{your account}\AppData\Roaming\Likno Software\AllWebMenus\AutoBackup" you will be able to find some auto back ups of your project, so  you will find the previous state. If you cannot find it, let me know so I can re-send you the project I had sent you before.

Answer 1.5: Yes, you need to click on "Yes" in order to proceed with applying the menu theme you have selected. If you click on No nothing will happen.

Answer 2:  You can change the distance between items like in the image below. Choose which menu items you want (Main Group Items, Sub Group Items, Sub Group+ Items) and then set the "Distance Between Items" in a numeric value of your desire.

distance between menu items

Answer 3: A code to center in general items in CSS is the property margin: 0 auto; applied to the element you want it to be centered.

                     In AllWebMenus if you need to center the menu according to a page element in your page click on "Menu Positioning" and then set the properties that best fits your needs.

menu positioning properties

Answer 4: There is no need to delete the pre-fab menu, you only need to choose the correct settings according to the above (menu positioning) in order to have your menu appear in the area you want it.

Let me know if you need any more information.

Thank you!

 

Tags: , , , , , , , , ,

 

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


Initial Email From:
Bill
Initial Email Subject: Scroller Builder
Support Case Month: August 2013

It worked after I uploaded the expression web add on.  The scroller does not appear in the page, I only get an error message.

slider scroller error message

Reply From: Likno Customer Support

Hello Bill,

In your project you have set that you are using for your scroller population a div with a class ="Widget-Realtor-Big_content"

jquery slider scroller class name

But in your page you have no div with such a class.

jquery slider scroller class name

That's why you get the error.

In order to correct that, just grab the sample code from your project and paste it into your page.

jquery slider scroller sample code

Thank you!

Kind Regards, 
Aris
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: Bill

That was it.  Thanks

 

Tags: , , , , , , , , ,

 

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


Initial Email From:
Shane
Initial Email Subject:  presales question
Support Case Month: August 2013

I was wondering if your drop down menus work with a software call sitepoint or with a xhtml editor such as cspad.
can you get back to me asap?

Kind Regards,
Shane

Reply From: Likno Customer Support

Hello Shane,

First, thank you for your interest in our products.

In order for the AllWebMenus menu to be inserted in any hosted website, the user should be able to do the following in the hosting environment:

The AllWebMenus menu can be inserted in any hosted website, as long as the user is able to do the following in the hosting environment:

1. Upload javascript files online at the hosted website, either in a subfolder called "awmdata" OR in the ROOT if subfolders are not possible OR in any special subfolder dedicated for javascripts by the host (we need to know the arrangement so that we give proper instructions to the user).

2. Similarly, upload image files online at the hosted website, either in a subfolder called "awmdata/menu" OR in the ROOT if subfolders are not possible OR in any special subfolder dedicated for images by the host (we need to know the arrangement so that we give proper instructions to the user).

3. Add some lines of javascript code inside each page (or the template) that will be online (the hosted pages should permit this with some method).

Most such services do allow these simple actions.

Kind Regards, 
Aris
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: , , , , , , , , , , ,

 


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