Extjs Menu With Database by Deluxe-Menu.com
Extjs Menu With Database

Template:

Yahoo Style Template - Transparent Drop Down Menu







    - Submenus dropdown on mouseover
    - 85% transparency for sub menus
    - Cross-frame support - menus work on frameset-based pages
    - Hundreds of pre-designed templates
    - Submenus automatically scrolls
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Inactive/Disabled items
    - Several menus on one page




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Extjs Menu With Database Css Navigation Bar And Java Script

Buy Now!   ::  Free Trial Download   ::  More Info

Features

High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Easy Setup
  • De Luxe Tuner. GUI interface to create your extjs menu with database menus easily and in no time
  • Sensible menu parameters for manual editing
Css Navigation Bar Drop Down Extjs Menu With Database
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed extjs menu with database samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Please tell me where I am going wrong:

The menu is all messed up!


A: See, now you have:
  var itemBackImage=["data.files/btn_green.gif","data.files/btn_whitegreen.gif"];

and you also assign Individual Item Style with itemBackImage anditemWidth parameters for each item

  var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px Tahoma","fontColor=#000000,#000000",
"itemBackImage=data.files/btn_whitegreen.gif,data.files/btn_white_white.gif"],
];

  var menuItems = [

["projects","", , , , , "0", "0", , ],
["FMWR","", , , , , "0", "0", , ],
["general water info","", , , , , "0", "0", , ],
["bulletin board","", , , , , "0", "0", , ],
["WSS MDG tracking","", , , , , "0", "0", , ],
["reform instruments","", , , , , "0", "0", , ],

You should delete itemBackImage and itemWidth parameters from itemStyles.


Q: I am having a lot of trouble trying to get the menu to work properly. I want to make sure that I get it working before I make the licesning purchase.

The menu is to be CSS based but while I have the main menu somewhat in location, none of the settings are correct. Can you help?


A: See, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
To get the value you should move .css style into style="POSITION: relative;" attribute.

Please, try to add your
css file -> inline css

Try to write so:
<DIV id=if-navbar style="POSITION: relative;">


Q: I'm confused in how to do this. I want to change the background color of one of the javascript and menu items. If I understand correctly I go to INDIVIDUAL STYLES and should be able to change the background color for one of the menu items there. Under item appearance I tried to change itemBackColor - but I can't seem to make it take affect (I tried clicking OK but its under the Style Names, so thats probably not it.

A: You should click "Edit Individual Styles" button.

On the 'Item Styles' tab click "Add style" button.

Set itemBackColor and click "OK" button.

Select the item you want to change the style for and assign new style for it. Go to Item Parameters window 'Item style' field.

  var itemStyles = [
["itemBackColor=#EB2999,#590937"], //style0
];

  var menuItems = [
["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style0

Q: I use the apy menu inside a table cell and it has 6 sub menus. The table width is 600 so I would like to have each sub menu with width 100 and each item with the same width. I use menuWidth=100 and itemWidth=100 but it doesn't work, each menu has a different size depending on the label.
Also, each sub menu label can fit in less than 100 but I really want the width to be 100 so it looks consistant across the full menu.
What am I doing wrong ?


A: You should use individual item styles. For example:

  var itemStyles = [
["itemWidth=100px"],
];

["DHTML
Menus","", "", "", , , "0", , , , , ],
...
["Apycom
products","", "", "", , , "0", , , , , ],
...
["Contacts","http://www.apycom.com/contact.html", "", "", , , "0", , , , , ],

See the attached example.


Buy Now!   ::  Free Trial Download   ::  More Info