December 2nd, 2012LWAC: The behavior of the Accordion on IE is not the expected one

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


Initial Email From: Miguel
Initial Email Subject: Error in Control - Accordion Builder
Support Case Month: September 2012

Hello if you go here to this page you will see the behavior using IE.

http://www.bgbma.com/help/help-content/checkout_help1/Checkout_Help.htm

Reply From: Likno Customer Support

Dear Miguel,

I checked your page and it seems to be problematic in Firefox too… can you please export and send me your project so that I can have a better 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: Likno Customer Support

Dear Miguel,

The problem with the preview (as you probably already know) is that the accordion does not fit in the page.

The problem with your actual page, is that you do not have a proper DOCTYPE and the page goes into “quirks” mode (i.e. IE5.5 compatibility mode).

Please try replacing this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

With this:

<!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">

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

Hello Kostas,

Hello I fixed this by adding another button.  thanks, but still a problem as indicated above.

Even with the extra Icon, or panel, the control is still messed up in IE, there is a scroller I didn't want on my page.

I've attached another image of the page after the fix.  It looks better but still loads whacky.  If you reload it reloads correctly.

Reply From: Likno Customer Support

Hello again,

I checked and I see it fine! Did you try deleting your “Temporary Internet Files”? Maybe you are just seeing the old code still until you refresh the 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

Tags: , , , , , , , , , , , , , , ,

Knowledge Base, Likno Web jQuery Accordion Builder No Comments »

 

November 19th, 2012AWM: Can I call a page without refreshing the horizontal navigation bar?

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


Initial Email From: Bob
Initial Email Subject: Navigation
Support Case Month: August 2012

I am using a Horizontal Navigation Bar I created with AWM.  I want to know if it is possible to call a page with a link from the Nav Bar but not reload or refresh the Nav Bar unless the user make a refresh request?  I like to give my users a sense of Security that they are on the same page and not being shuffled around.

Bob

Reply From: Likno Customer Support

Dear Bob,

The only way to do this is if you use an iframe in your page and you actually load the new page only within the iframe.

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

AllWebMenus, Knowledge Base No Comments »

 

November 16th, 2012LWAC: Accordion breaks up when the page is shrinked

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: Accordion Breaks up
Support Case Month: September 2012

Hello when you go to our home page, and you shrink the window, the accordion program breaks up badly.

Can you look?  Just go to bgbma.com

Related URL: http://www.bgbma.com

Reply From: Likno Customer Support

Hello,

Well, this happens because you gave the accordion a fixed width and it does not fit in a smaller window!

To avoid this problem, you need to set your accordion as “Embedded” instead of “Floating” (in the positioning) and give it “auto” width, so that it can adjust with the window size.

Note that it may require a page refresh after the resize in order to adjust.

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

Knowledge Base, Likno Web jQuery Accordion Builder No Comments »

 

November 9th, 2012AWM: IE10 compatibility issues

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


Initial Email From: Eriq
Initial Email Subject: IE10 compatibility issues
Support Case Month: October 2012

Likno support:Before I pay for a new support subscription, I wanted to first show this issue to your support staff, and see if I can get a clear answer if this issue is a compatibility issue with Internet Explorer 10. If it IS a compatibility issue with IE10, obviously paying for a support plan renewal would not be best step, because it would be something that needs to be fixed in general. When I view the website in IE9, Firefox, Chrome and Safari, the menu appears correctly. But when I view it in IE10, the menu appears squished together after the first load of any web page. If I REFRESH the page in IE10, then the menu appears correctly as it should.Please see the links to two before and after (after a refresh) screenshot of site in IE10 below:

Screenshot 1 - Upon first load of web page:
http://www.teqmedia.com/temp/Capture-Progresh-IE10-FirstLoad.PNG

Screenshot 2 - Upon manual REFRESH of web page:
http://www.teqmedia.com/temp/Capture-Progresh-IE10-Refresh.PNG

This really appears to be a compatibility issue with IE10. Being a brand new browser (this is final version of IE10, by the way), I'm sure that your software needs to be updated to support it. Please look into this issue and let me know what you find out. I don't want to pay $25 if I don't have to just for your developers to confirm something that needs to be fixed anyway. I will pay for an upgrade plan, but paying for both an upgrade plan + support plan if it's unecessary for THIS specific issue would not be ideal. If it's something else, then I'll pay $25 to get another answer.

Thank you for your help.

Reply From: Likno Customer Support

Hello,

This issue is not related to IE10. It is also visible in IE9 & Chrome (maybe elsewhere too, but these two I tried just now).

It is caused by the fact that you are using a Google Font for the main menu items and in several cases (when it is not cached) the font is loaded after the menu generation, hence the menu calculates its size based on the “fall-back” font which is much wider. The solution if you want the menu to always be wider is to give it a minimum width. For example:

main menu minimum width

If on the other hand you want the menu to keep the smaller width that corresponds to your Google Font, then you need to make the menu load later (after the font has loaded).

The best way to do this is to use the following Project Properties option:

menu linking code in tags

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

Oh wow. THANK YOU for the extremely helpful response! This has resolved the issue across the board (and client is very happy)! I will keep this in mind for other client projects.
I really appreciate it.

Eriq

Tags: , , , , , , , , , , , , , , , , , , , ,

AllWebMenus, Knowledge Base No Comments »

 

October 25th, 2012LWAC: How to make an anchor link open a pane on the same page

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


Initial Email From: John
Initial Email Subject:  accordion and anchor links
Support Case Month: March 2012

Hi Kostas,
I've setup a few pages using the accordion tool...works great.
http://bergpharma.com/company_news.html
http://bergpharma.com/careers.html
And I have setup and anchor link from a new ticker at bottom of homepage to link to the news page and open the specific pane...that works too
http://bergpharma.com/index.html
So now the client want to add a side-menu bar to the careers page, that stays at the top of the page and lists the careers on the page...and when each career link is clicked, it will open the appropriate pane.
I read through the "help" section for your app and it basically says

"Notes on "Method 3" (anchor in URL):

- this works only when the page is opened by a link from another page, not from the same page (because most browsers do not refresh the page when the link is from the same page)."

So...I was wondering if you had a "work-around" for this or any other ideas on how to make an anchor-link open a pane on the same page?? Could we add a "refresh" action in the code?
Thanks for your help...
John

Reply From: Likno Customer Support

Dear John,

You can achieve this using the accordion API. I see that you named your accordion “news”. Hence you can use the following command to toggle (open or close) the first pane:

News.gotoSheet(0);

Accordingly you can open all panes, but keep in mind that the numbering starts from 0  (not 1).

Two more commands that may come in handy:

news.openAllAccordions();

news.closeAllAccordions();

You can add these in the “onclick” of a plain link, or in the “javascript command - click” of an AllWebMenus item, or anywhere else where you would use JavaScript code.

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

Knowledge Base, Likno Web jQuery Accordion Builder No Comments »

 

Previous Entries Next Entries
© 2009-2013 Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows
XHTML CSS RSS