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

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

Initial Email From: Paolo
Initial Email Subject: Only one tooltip is shown 
Support Case Month: November 2012

Dear Kostas,

Hope you are doing fine.

I have a question about tooltip builder. I tried to use it with dynamic data (like for edit/delete icons in records listing pages) but it works only on the first 2 icons (first record) of the list while for others is not showing.

How do I make it work for all? Is there any different id= code to be used?

Many thanks,
Paolo

Reply From: Likno Customer Support

Dear Paolo,

It would help to see the page with the problem, but I think I guessed what the problem is.

In HTML each “id” is supposed to be unique and having duplicate “ids” in a page is considered invalid. Most browsers will give this “id” to the first element and remove it from the rest, while others (like IE) will produce an error and will not work at all.

If you want to use the same tooltip in several elements, then you need to use the “class” instead of the “id”

For example:

<a href="…" class="addButton">add</a>

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

Initial Email From: Indira
Initial Email Subject: position menu
Support Case Month: May 2012

Dear Sir

Now, I want to position the menu just below the flash animated banner – not on the top corner as shown in the screenshot.

I cannot find an option in the menu. I tried in ‘relative to an image’ but it does not work.

Kindly advise.

With much thanks

Indira

Reply From: Likno Customer Support

Dear Indira,

As you said, this is a flash object and not an image. Do you have any ID or CLASS for the container of this flash? Or maybe for the space just below it?

My suggestion is to use “Relative to Element”, as this is the best Positioning Method. With this you need to attach the menu to a specific element that already exists in your page. This element could be anything (an image, a table cell, a link etc.).

However in order to give you precise info I would need to see the page.

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

Initial Email From: Becky
Initial Email Subject: adding drop down menu to website
Support Case Month: March 2012

Kostas,

Did you have any thoughts on to if it’s possible to change the color of the Sub Menu Headers when they are links? They are showing up blue and purple (depending on if they have been visited) and are hard to read on the black background.

Cheers,
Becky

Reply From: Likno Customer Support

Der Becky,

These are HTML links, so you can control them with CSS. Specifically, you could give a specific class to all of your DIVs.

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

Kostas,

Thank you for all of your help.

Thanks,
Becky