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


Initial Email From:
Pat
Initial Email Subject:  Where do i deploy the API Commands? The mymodalname ones?
Support Case Month: July 2013

Hello i love the modal builder and bought the unlimited license

I will need to use the API but i can't figure out where to deploy the commands

Here is my code. I've tried several places within that code but not sure where to put them. your help appreciated, thanks

<!-- ******** BEGIN LIKNO WEB MODAL WINDOWS CODE FOR popup_with_id ******** -->
<script type="text/javascript">
var lwmwLinkedBy="LiknoWebModalWindows [1]",lwmwName="popup_with_id",lwmwBN="262";
</script>
<script charset="UTF-8" src="/modals/likno-scripts/popup_with_id.js" type="text/javascript"></script>
<script>myModalName({header:{text:'Hello world'}});</script>
<!-- ******** END LIKNO WEB MODAL WINDOWS CODE FOR popup_with_id ******** -->

Reply From: Likno Customer Support

Hello,

Your linking code looks ok. You need to place that linking code after the <body> tag in your pages. Make sure you have uploaded the likno-scripts folder produced after you have compiled your Modal Window  project.

According to your url the path for your modal window javascript file should be http://{URL REMOVED}/modals/likno-scripts/popup_with_id.js

Then in your pages you need to have the code that triggers the modal window.

Check this in Likno Web Modal Windows to see how you should have the code.

modal window trigger code

For example, you could have
<a id="Modal_Window_1" href="javascript:void(0);">Test modal</a>

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

Thanks Aggelos for your detailed answer. If i need any more help i will export the requested items. Thanks again!
Pat

 

Tags: , , , , , , , , ,

 

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


Initial Email From:
Au
Initial Email Subject: Inquiry about Web Tab Builders
Support Case Month: June 2013

Hi,

I would like to find out more about your Web Tab Builders. I was wondering whether it can cross-over with my existing software of XSitepro for the web build-up. Do I get any technical support for it?

Hope to get your revert soon.

Thanks and regards,
Au

Reply From: Likno Customer Support

Hello Au,

You can find a lot of information about Likno Web Tabs Builder in this page: http://www.likno.com/jquery-tabs/index.php

You have 3 choices of populating your web tabs (inside the project, through DIVs or through UL/LI elements). You could use DIVs or UL/LI structure to populate the tabs inside your XSitepro pages and add a JavaScript script in the pages you want the tabs to appear. As long as you can do those 2 steps then you can have the web tabs in your XSitepro pages.

Thank you.

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

Hi everybody,
Thanks for the explanation. However, I still have doubt because I can't find much example and support from the website. Hence, I'm not so expert in HTML and CSS but I need these builder to boost up my XSitepro as it is very useful.
If I have at least 20 pages which need this tab builder, does this mean I have to upload it 20 times?
Kindly advice
Thanks and regards,
Au

Reply From: Likno Customer Support

Hello Au,

You can have as many pages as you want, the only steps you need to follow are:

Step1 : Use Likno Web Tabs Builder to create and stylize your web tabs. Choose the population method and the positioning method.

Step 2: Insert to the pages you have the linking code, the population code and positioning code.

Step 3: Upload the 2 folders of your project in your server.

Note: If you use a template then you only need to insert the linking code, population code and positioning code in your template once and not in every page.

You don't need to be an expert in HTML or CSS in order to do that, as the application creates any code you need.

Please see the manual for more help http://www.likno.com/downldd/Likno_Web_Tabs_Builder_Manual.pdf or see the Help in the application and let me know if you need more explanations.

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


Initial Email From:
User
Initial Email Subject: how to unlink accordion project code in non-editable region?
Support Case Month: April 2012

I use Dreamweaver with a master template. You inserted the code for my accordion project immediately following the body tag in a NON-EDITABLE portion of my index.htm file. I changed the name of the project, recompiled and relinked it to the index.htm file. now i cannot remove the older project code because it is NON-EDITABLE. there is not "unlink" button. So, if i edit the index.htm file with a text editor to remove that older code of yours, what else must i remove?

Reply From: Likno Customer Support

Hello,

The Linking Code should look like this:

<!-- ******** BEGIN LIKNO WEB ACCORDION CODE FOR likno_accordion_project ******** -->
<script type="text/javascript">var lwacLinkedBy="LiknoWebAccordion [1]",lwacName="likno_accordion_project",lwacBN="230";</script><script charset="UTF-8" src="likno-scripts/likno_accordion_project.js" type="text/javascript"></script>
<!-- ******** END LIKNO WEB ACCORDION CODE FOR likno_accordion_project ******** -->

In the highlighted text your linking code should have the old project name that you don't want any more. So, delete the above lines of code. Also, you might want to delete from your server the old .js file and the old accordion subfolder so you won't have extra files you don't actually need.

Thank you!

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


Initial Email From:
Claudio
Initial Email Subject: awmShowItem
Support Case Month: May 2013

Kostas,

I am back with the same technical problem I encountered in the Blog below:

http://www.likno.com/blog/highlight-menu-item/2418/

You are saying in the blog response:

The “it7” is the ID of this specific item. It is NOT just its order in the menu. If you add other items before or after it, this item will still be referenced by “it7”.

==================

In the AllWebMenus Help, I read a different explanation:

About the awmShowItem variable when the menu is populated using a "UL/LI structure". 

In order to find the correct ID to use as a parameter, you should count the loading order of the ULs and LIs. So you should count how many LI tags are found in the UL/LI structure until the desired item is found.
For example this is a usual UL/LI code:
<ul id="awmULLI-menu" style="display:none;">
<li>Main Item 1</li>
<li>Main Item 2
   <ul>
     <li>Sub Item 1</li>
     <li>Sub Item 2
       <ul>
         <li>Sub Item 4</li>
         <li>Sub Item 5</li>
         <li>Sub Item 6</li>
       </ul>
     </li>
     <li>Sub Item 3</li>
   </ul>
</li>
<li>Main Item 3</li>
</ul>

According to the awmShowItem technique, if you want to make the “Sub Item 6” highlighted, you should use it7 since its LI tag is the 7th LI in the structure

==================

Testing the theory on the new project:  {URL REMOVED}

I am using the function var awmShowItem=["MainMenu,it5,1,0"];

IF I add another item in the BISHOP menu list, the highlighted menu option will move to the BISHOP group, since that option changed to it6.

The only solution to the problem is to create a javascript function where the selection of the menu item is based either on the URL or the anchor text:

awmShowItem=["MainMenu,Ministries,1,0"];  

awmShowItem=["MainMenu,CatholicDiocese.php?op=ILS_Information,1,0"];

Otherwise, I will have to go page by page to update the javascript code of similar pages, every time I add a new LI item into the structure.

Reply From: Likno Customer Support

Dear Claudio,

When you are using a menu project and you populate your menu in there, then each menu item gets a specific ID that will not change when you move this item around or add other items around it.

However, when you are using a UL/LI menu then the menu is dynamically created at runtime, so the menu items also get their ID at runtime and there is no way to have a specific item keep a specific id.

In this case, indeed, when you add items you may need to change the highlight code too.

However you say that you need to change this in every page. This suggests that you manually included the code in each of your pages in the first place. Our recommendation is that you use an include file (e.g. a PHP or ASP file) and keep the menu Linking Code, Structure Code and highlight code there. This way it will be automatically included in all pages, but it will be much easier to maintain as you will only need to change and upload a single file when you need to change the menu again.

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!

 

Tags: , , , , ,

 

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


Initial Email From:
Larry
Initial Email Subject: Web Modal Windows Builder HELP
Support Case Month: May 2013

Hi,

I am sure you have heard "I can't get it to work" before and I have read and tried following instructions which seems so simple. I can not get the window to pop up on site (Localhost folder) named EZorb2013a. Clicking on Preview works great. I am ready to purchase this program but can not get it to work in my site.
I am using NetObject Fusion 12 with Windows8 64 Pro.

For testing I have Local Published with one link image on index.html page linked to a page named "heel_spurs.html"located in html file folder.

Preview:
The "heel_spur" page will Glide in as set up. Works great.

When I run index.html using FireFox and click on image link, the heel_spur page just opens as normal page. No Modal Page is displayed.

Questions:
1.0   In the index.html page there is no code pasted.
2.0  How does the "<a href="#" target="ezorbModal_Window_1">link</a>" come into play? Should it not be pasted somewhere? 

Thanks,
Larry

Reply From: Likno Customer Support

Dear Larry,

I am not sure if I understand the problem 100%, but I will try to give you a general idea on how Modal Windows work.

Assuming that the test-case is to open click a link in a page and open another page in a modal window, you need to:

1) Put the Linking Code in the parent page

2) Make sure that the link that should open the other page has the correct “trigger code”

There are many ways to trigger a modal window. One example is the code you asked about:

<a href="#" target="ezorbModal_Window_1">link</a>

This code will open the modal window named “ezorbModal_Window_1” (as long as you have such a modal window in your project and it is Linked to the page).

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!

Reply From: Larry

Hi Kostas,

All I want to do is click on an image icon located on Home Page that is link to another page (heel_spurs.html) to open in a modal window. 
I now have been able to get only the (close button) to be displayed after switching from External to Element. I understand what the program is supposed to do but I guess not setting it up correctly. I will have about a hundred of these images when click on will open associated modal window. I want the Home page to look like Windows8 page. So what method do your recommend to accomplish this? As mentioned below I am using NetObject Fusion 13 to generate the code on the html pages.
Thank you,
Larry

Reply From: Likno Customer Support

Dear Larry,

If you are going to use multiple links in your page that open the same window with different content, then I recommend that you use the “Make certain links/forms in page open in this window” population option:

make certain links/forms in page open the modal window

Then in your page, you need to add links like:

<a href="./html/heel_spurs.html" target="ezorbModal_Window_1_single">…</a>

This way you have a single modal window and you just load different content in it each time.

If you also need to load in the modal window content that is within the parent page, for example the following div:

<div id="mycontent">hello</div>

Then you need a link like this:

<a href="#mycontent" target="ezorbModal_Window_1_single">…</a>

(so basically instead of a real link you need to use a hash and then the element id)

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!

 

Tags: , , , , , , , ,

 


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