Overview
WebTabs is a multi-row DHTML tab widget that was created out of the need to have a fast-responding, multi-row tab widget that emulates the look and feel of the standard Windows tab widget.
WebTabs is the world's first and only genuine Windows-like DHTML JavaScript tab widget.
We use this widget in our own outsource products, as a part of our web-based administration interfaces.
Awards:
Features
> Multi-row tabs
Never again be lmited to a single row of tabs! Multiple rows of tabs are supported.
> Tab icons
You can include 16x16 pixel icon images to display next to tab headings. You may select which tabs (none, some or all) have icons.
> Instant client-side page switching
All tab pages that hold the content for your tabs are loaded automatically at start-up, so clicking and activating a tab displays its contents instantly. Tab-switch rendering is performed by JavaScript on the client browser, so no slow server-fetches are required. Users no longer have to experience long delays when selecting a tab.
> Vector graphics rendering
The actual drawing of the widget is performed using DIV elements, providing pixel-perfect control.
> No slow-loading rendering images used
The vector rendering used draws all round corners, so no corner or tab images are used as is often the case with many other HTML tab widgets.
> Automatic single-row/multi-row detection and tab resizing
Multi-row tabs are automatically used if your tabs do not fit on one row. You don't have to worry about managing any tabs at all.
> Cross-browser platform support
Cross-browser support means that the higest number of people possible can view your tab widgets, whether you are building web sites or DHTML applications.
Widget display is independent of the underlying operating system, so most Windows, Macintosh and UNIX/Linux users can access all your tabs using a supported browser.
Currently supported browsers:
Internet Explorer 5.0 +
Netscape 6.0 +
Mozilla 1.0 +
FireFox 1.0 +
Please note that although WebTabs runs on many different computer platforms, currently the officially supported operating systems are Windows and Linux.
> Theme customization through CSS
You can easily change the colours used for the tab header text, background and borders.
The default style sheets automatically use the colours from the user's own desktop settings.
> No Java required
Because the widget is written in JavaScript, you don't have to worry about Java being installed on client computers.
Demo Templates
Here we have provided some development examples to help you implement your own WebTabs application solutions.
> Master Demo
This demo is a ready-to-go implementation illustrating the following concepts:
How to implement a dialogue window with OK and Cancel buttons
How to use tables for spacing the tab contents with a nice surrounding border
The preferred way to submit forms
How to set default text values for password boxes in MSIE
You can see this demo in action on the Live Demo page.
> Center Page Demo
This demo is a modified version of Tab Demo 1 (Multi-row tabs with icons) from the Live Demo page. It illustrates the following concept:
How to display a tab dialogue center-page, automatically adjusting on page resize
> Runtime Add/Remove Tab Demo
This demo is a modified version of Tab Demo 1 (Multi-row tabs with icons) from the Live Demo page. It illustrates the following concept:
How to add and remove tabs at runtime using IFRAME elements
Updates
Several updates to WebTabs 1.0 are available for customers with a current WebTabs support subscription. Check the update descriptions below to determine whether any updates apply to you. You can contact Phyrix support to have any of these updates e-mailed to you.
Please note that the next release of WebTabs is planned for the 3rd quarter of 2006. Customers with current support subscriptions at that time will get the new version gratis, under upgrade protection.
> Update #316270
This update fixes a problem where WebTabs may conflict with other JavaScript code that is run from the web page which includes the "webtabs.js" file. Try this update if you are experiencing problems.
> Update #839520
This update adds keyboard navigation support to WebTabs. Use this update if your users must be able to use the keyboard to change tabs.
> Update #419240
This update fixes a display problem when running WebTabs in IE-specific modal dialogue windows. If you are writing a WebTabs web app under IE that uses modal dialogues, then use this update.
FAQ
Welcome to the Frequently Asked Questions database for the WebTabs product line.
1.
How can I use and submit forms with WebTabs?
2.
Why don't password boxes in MSIE contain their default text values?
3.
How can I create a nice border space around my contents on every tab?
4.
Can WebTabs dynamically resize itself according to page size or tab contents?
5.
How can I keep WebTabs center-page, even on page resize?
6.
How can I add or remove tabs at runtime?
7.
Why is form input data submitted twice?
|
1.
|
|
Q:
|
|
How can I use and submit forms with WebTabs?
|
|
|
|
|
|
A:
|
|
There are various ways to submit forms with WebTabs. Use the Master Demo on the Demo Templates page as the preferred way to use forms.
|
|
|
|
2.
|
|
Q:
|
|
Why don't password boxes in MSIE contain their default text values?
|
|
|
|
|
|
A:
|
|
This is a quirk with MSIE. MSIE does not display default text for password fields that are used with WebTabs. To work around this, programatically set the default after loading the page. See the Master Demo on the Demo Templates page how to implement this.
|
|
|
|
3.
|
|
Q:
|
|
How can I create a nice border space around my contents on every tab?
|
|
|
|
|
|
A:
|
|
Use a table to create the required spacing. See the Master Demo on the Demo Templates page how to implement this.
|
|
|
|
4.
|
|
Q:
|
|
Can WebTabs dynamically resize itself according to page size or tab contents?
|
|
|
|
|
|
A:
|
|
No. You could however add this functionality to the source code yourself with WebTabs Developer Edition.
|
|
|
|
5.
|
|
Q:
|
|
How can I keep WebTabs center-page, even on page resize?
|
|
|
|
|
|
A:
|
|
Use a table to create the required spacing. See the Center Page Demo on the Demo Templates page how to implement this.
|
|
|
|
6.
|
|
Q:
|
|
How can I add or remove tabs at runtime?
|
|
|
|
|
|
A:
|
|
Use multiple WebTabs widgets in different IFRAME elements, then display the IFRAME that contains the widget/tabs of your current choice. See the Runtime Add/Remove Tab Demo on the Demo Templates page how to implement this.
|
|
|
|
7.
|
|
Q:
|
|
Why is form input data submitted twice?
|
|
|
|
|
|
A:
|
|
JavaScript peculiarities cause form input data to be duplicated, even though only one form submission is made. Use the form submission implementation from the Master Demo on the Demo Templates page as the preferred way to use forms. This scans the form elements and submits the data using a seperate form in a hidden IFRAME element.
|
|
|
Licensing & Pricing
WebTabs 1.0 is available for purchase under three different licence editions: Standard, Enterprise and Developer. There is also a limited Trial Edition available for free.
> Feature Comparison Matrix
|
Feature
|
Licence Edition
|
|
Standard
|
Enterprise
|
Developer
|
|
Web site/application deployment (# of domains)
|
1
|
company
|
world
|
|
Integrated distribution with your own software
|
no
|
company
|
world
|
|
Ability to read and modify source code
|
no
|
no
|
yes
|
|
Installation e-mail support
|
12 months
|
|
Software maintenance (bugfixes & browser updates)
|
12 months
|
|
Price in USD $
|
49.99
|
149.99
|
299.99
|
> Which Licence do I Need?
Check the points below to help you decide on an appropriate licence. If you still have a question, feel free to
ask us about it.
If you want to use the product on a single domain (web site), the Standard Licence is right for you.
If you want to use the product on multiple domains (web sites) within your company, or distribute the product for internal use in your company, the Enterprise Licence is right for you.
If you want to distribute your own software that uses the product, to third parties, the Developer Licence is right for you.
> Notes
The Standard Licence allows you to use the product on only one domain.
The Enterprise Licence allows you to use the product on as many domains as you wish, for internal intranet use by your company.
The Developer Licence allows you to use the product on as many domains as you wish, for internal intranet use by your company (as per the Enterprise Licence), as well as the right to distribute the product as an integrated part of your own web application software, for sale and distribution to third parties.
If you are an ISP and want to provide the product for use by third parties who have sub-domains under your main domain, a Standard Licence is required for each client. (You are not allowed to use one licence to provide the product to multiple third parties.)
For the Standard Lincece, sub-domains to your main domain are considered multiple domains, and requires a licence for each sub-domain that the product is used from.
Only the Developer Licence allows you to distribute the product to third parties, as part of your own software.
Only the Developer Licence allows you to modify the source code of the product. You may distribute modified copies of the product as an integrated part of your application only after you compress the source code, to prevent third parties from reading the source code.
> Licence Agreements
You can read the entire licence agreements here:
> Standard Edition Licence
> Enterprise Edition Licence
> Developer Edition Licence
> Discounts
Volume Discounts
|
Units
|
Discount
|
|
2-3
|
10%
|
|
4-5
|
20%
|
|
6-9
|
30%
|
|
10+
|
40%
|
Other Considerations
If you are an educational or non-profit organization, contact us for a discount.
If you think you have a special need for a discount, feel free to contact us about it and we will consider it!
Buy
You can purchase a licence for this product right now, online.
We accept secure transactions with all major international credit and debit cards, as well as payment via bank/wire transfer, cheque and cash.
After your purchase has been completed, you will be given a download link to the full version of the product, as well as a licence key for your product support.
Click here to buy now
Payments are handled by one of the most respected order fulfillment companies on the Internet, Share-It! To learn more about the company, click on the image below.
Download Trial
Click on the link below to download the 14-day trial version of WebTabs 1.0 and try it out for yourself.
The trial version pops up a nag screen every few minutes and the source code is compressed (whitespace stripped), so you cannot read or modify it. It is also limited to displaying a maximum of 5 tabs.
You can read the Trial Edition licence agreement here:
> Trial Edition Licence
Live Demo
Here are some examples of WebTabs in use. Click on a tab to activate it.
> Configuration dialogue demo
This is the same as the Master Demo from the Demo Templates page. You can download this demo there.
Click here to run Master Demo
> Multi-row tabs with icons, using Windows XP-like style
> Regular multi-row tabs, using classic style
> Single row of regular tabs, using classic style
