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

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

Initial Email From: Ellen
Initial Email Subject: Likno Web Modal Windows Builder
Support Case Month: September 2012

Is there a way in the "HEADER" to show a padlock or sometype of image to show that we are using a secure server?

Reply From: Likno Customer Support

Dear Ellen,

The header is HTML, so the answer is “Yes! You can put anything you want”.

For example:

<div><img src="lock.jpg"> This is a secure connection.</div>

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

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

Initial Email From: Gino
Initial Email Subject: Does your allwebmenus works with this?
Support Case Month: September 2012

I have this script to show / hide a large number of divs that contain information on different products.  Can this script affect the function  of your awm menus considering it works with css styles?

<script language=javascript type='text/javascript'>
        function showdiv(pass) {
             var divs = document.getElementsByTagName('div'); 
             for(i=0;i<divs.length;i++){ 
                 if(divs[i].id.match(pass)){//if they are 'see' divs
                    if (document.getElementById) // DOM3 = IE5, NS6
                        divs[i].style.visibility="visible";// show/hide
                    else
                    if (document.layers) // Netscape 4
                        document.layers[divs[i]].display = 'visible';
                        else // IE 4
                            document.all.divs[i].visibility = 'visible';
                            } 
                    else {
                    if (document.getElementById)
                        divs[i].style.visibility="hidden";
                    else
                    if (document.layers) // Netscape 4
                        document.divs[i].visibility = 'hidden';
                    else // IE 4
                    document.all.divs[i].visibility = 'hidden';
                    }
              }
        }
</script>

<script language="javascript">

<!-- function hideLayers(id) {
        document.getElementById(id).style.visibility="hidden";
     } // -->
</script>

Please try this script with your AWM and let me know if there is a problem.

I think that the show script will disappear your AWM, considering it hide any other div in the same page.

Please let me know how to work it out.

Regards

Gino

Reply From: Likno Customer Support

Dear Gino,

I see that your script accepts a parameter that is tested against the ID of each div and all divs but the matching one are hidden.

As AllWebMenus also shows/hides its divs, you just need to make sure that you do not hide them by accident.

To do this you need to change:

else

with:

else if(divs[i].id.substr(0,3)!="AWM")

as all the menu-generated divs have an ID that starts with the AWM prefix, the above should solve the problem.

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

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

Initial Email From: John
Initial Email Subject: Web Buttons
Support Case Month: September 2012

Hi,

I am, working on a sharepoint site.

seems that it wont allow any graphics, png, jpeg or otherwise.

however, the code works on the page without the graphic, I simple show a square area where the graphic should be.

I would prefer to have a simple scripted button in html, simple block, color, rollover color, I don't want it to be a graphic, it wont work...

just need a simple button, that I can navigate to another page, css simple button.

I paid for your software in hopes that it might work,  however It does not,I just need a simple css button... is this possible? can you show or send me a script? I am under a deadline and I have to have this solves asap.... now.. please help, thanks

Reply From: Likno Customer Support

Hello,

I am afraid that Button Maker does not produce plain CSS buttons. If you want we can probably send you some custom code for this, but I believe we should first see why the images don’t work!

Normally you should not have a problem with images, so maybe something went wrong. Can you please send me the URL of a page where the image buttons don’t work so that I can have a look?

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

Hi Kostas,

Thanks for getting back to me.

The problem is I am working with SharePoint Server/Designer building custom pages.

The customer/vendor I am working for has every security feature locked down in sharepoint server. So no custom code, no graphics on buttons, or activex.

The only thing I can do is create CSS Buttons with typical background colors, fonts, shapes.  Also,  it would be great if the code generated could be of inline style (Self Contained)  for each button… (I hope this makes sense?)

I really like the program,  very well done,  just in this case with everything locked down when I go to attempt to use these buttons and save with sharepoint designer.(Have to use this.. no other choice)  it strips out the button image, and function,   leaves me with an empty clear box with a working link.

Hope this is helpful,  if you could send some custom code, or update, ideas?,   I would be grateful.

Thanks

John

Reply From: Likno Customer Support

Dear John,

If you are forced to work in such a restricted environment, then indeed there is no way for us to work around it.

In this case you’ll need to create a CSS design yourself, with plain colors and maybe rounded borders.

An example of such buttons would be:

<style>
    .myButtons {
                border: #000066 2px solid;
                border-radius: 10px;
                background-color: #BBBBFF;
                color: #000066;
                padding: 2px 5px;
                text-decoration: none;
               }

    .myButtons:hover {
                     border-color: #0000DD;
                      background-color: #CCCCFF;
                     }
</style>

<a href="mypage.html" class="myButtons">Home</a>
<a href="mypage.html" class="myButtons">Products</a>
<a href="mypage.html" class="myButtons">Support</a>

Of course you will have to change the colors etc.

For more detailed help on how to use CSS styling, please have a look here:

http://www.w3schools.com/css3/css3_borders.asp

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

Hey Kostas,

I think this might work.

I am having a problem in trying to figure out how to write css code that would apply to strictly each button and or each page.( as I remember inline styles cant have any button hover functions).

The problem I am having in writing this CSS code is when placed in my page the buttons grow/shrink width wise depending on the length of the text so my buttons are never the same widths.  They absolutely have to all be the same widths and I can’t figure out how to make this happen.

Hopefully your solution will work for me.

Thanks very much

John

Reply From: Likno Customer Support

Dear John,

I believe you need to refresh your CSS with a bit of reading through the site I sent you.

In order to force a specific width, just add the following line in your “myButtons” CSS rule:

width: 100px;

Also, as you said, inline styles cannot account for hover functions. This is why you should use “CSS classes” instead as per my example. Note that you can have multiple classes for differently styled buttons, and you only need to add:

class="myclassname"

to each of your DIVs to turn them into a button.

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

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

Initial Email From: Bill
Initial Email Subject: IE Issue
Support Case Month: November 2012

My menu in IE is moved right. Chrome, Opera, Firefox and Safari are fine

http://foxmls.blogspot.com/2012/10/a-well-staged-home-can-bump-up-its-sq_30.html#more

Reply From: Likno Customer Support

In IE your positioning image is centered… (hence the menu follows)

Why not use the existing parent div?

class="FOX-Menu-Holder-Main"

This would save you from similar problems in the future.

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

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

Initial Email From: Debbie
Initial Email Subject: Google Maps in Web Tabs
Support Case Month: June 2012

Hi,

I'm trying to put a google map into a web tab. I've managed to get the map to appear, but it isn't resizing when the tab is activated.

I've done some extensive searching and have come across many different ways to solve it, but none of them seem to work.

So I'm wondering if you can tell me how I can get the map to automatically resize to fill the whole div container, when it's tab is activated?

Many thanks if you can solve this very frustrating problem for me.

Debbie

Reply From: Likno Customer Support

Dear Debbie,

Can you please send me an example? Please send me your Tabs project and the URL to see your test-page.

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

Hi Kostas,

Unfortunately, the website is still in development mode on my machine, so I can't give you an url to it.

Also, it's not actually a problem with the tabs project.  It's just that I can't figure out how to make a google map appear inside a tab correctly and was wondering whether you had come across this before and already had a solution to it.

The Google map js seems to be working OK, but the map itself appears as just a small square in the top left of the div.

By all accounts on the forums, this can be solved by triggering the map's resize event whenever the tab is activated.  So, what I need to know is how I can do that with your tabs.  It would need to be done dynamically, rather than included in the project, because only a few pages have a map, but the majority of pages would need to act normally.

Could you tell me how I could achieve this resizing event only on specific pages, please?

Warm Regards,
Debbie

Reply From: Likno Customer Support

Dear Debbie,

I am afraid that there is no way currently to make a JS call when the selected tab changes. I guess the best solution would be to use the “external url” and keep the google map in a separate page.

This way, the page will load into the tab only when it is shown for the first time and the map should appear properly.

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

Hi Kostas,

That's an interesting idea, but can you confirm whether I've understood you correctly?

Are you saying create another page and get the tab to call it when it is activated?  If so, does that mean it is opened in a frame or something like that.

I tried to use your Modal Windows Builder to call the google maps url last night thinking that could be a way to avoid using a tab.  Unfortunately, it seems that google don't like their pages being displayed inside a frame, because all I got was an error message to that effect.  Grrr, and I thought I was being smart.

Will you be including a way to get your tabs to perform a custom script when an event triggers in a future release?

Warm Regards,
Debbie

Reply From: Likno Customer Support

Dear Debbie,

Well, if Google Maps do not like being in a frame, then I guess my suggestion would not work.

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

Hi Kostas,

Anyway, I did manage to get the maps working by using your suggestion of creating a separate page that accepts the lat and long as parameters and linking to it using external url on the div of the first page.

So thank you very much for your suggestion, because I can now finally move on to the next part of the application.

Warm Regards,
Debbie