ribbon javascript

AcidJs.Ribbon 3.0 is Out

Try Semtex – the new HTML5, CSS3 and JavaScript UI framework!

The new and shiny version 3.0 of AcidJs.Ribbon (formerly known as Ribbonbar.UI) is out!

acidjs-ribbon-dropdown

AcidJs.Ribbon is arguably among the best recreations of the desktop ribbon bar with JavaScript, CSS3 and HTML5. It is skinnable, fully AJAX driven component that is ready to use on any website, WYSIWYG editors or JavaScript-heavy apps. What you can you do with a MS Office like ribbon bar in web environment? Whether use it for navigation, associate it with your WYSIWYG editor, use in an email application, display links to your favorite social websites or simply build your entire webpage around it – this depends only on you.

acidjs-ribbon-file-tab

AcidJs.Ribbon has everything you would expect from a ribbon bar – cool looks, comprehensive and easy API, amazing command handling, different sets of inbuilt tools, cool looks. And at last, but not least – deploying and configuring it is a matter of minutes.

acidjs-ribbon-file-tab-green

Key Features

  • New user-friendly API with poweful methods, callbacks and events, allowing full control of the ribbon behavior.
  • Support for multiple ribbon instances on a single page.
  • New modern and fully CSS3 skin with fallback for older browsers.
  • Width of groups can be “auto”, percentage or pixels.
  • Server platform independent.
  • New event state-of-the-art tool event handling.
  • Support for tool buttons with text.
  • If dropdown tool name is "font-face", its items items are automatically styled with the font itself and sorted alphabetically.
  • If dropdown tool name is "font-size", its items are styled with the font-size itself.
  • New configuration error and warning handling.
  • Support for optional and fully customizable “file” tab menu with support for different button color.
  • Ribbon expand/collapse functionality.
  • Support for optional and fully configurable “quick access” toolbar.
  • Optional onUnsupported callback.
  • Optional cssClasses array that can be applied to the rendering node.

acidjs-ribbon-file-tab-purple

acidjs-ribbon
Sounds good? You can check the info on this page, or go directly to the demo from this link! Download links are provided on each page!
Related Posts and Links
Advertisements

Ribbonbar UI 2.0 Released

Ribbonbar UI is by far the best recreation of the “real” desktop ribbonbar for the web. It is skinnable, fully AJAX driven component that is ready to use on any website. What you can you do with a MS Office like ribbon bar in web environment? Whether use it for navigation, associate it with your WYSIWYG editor, use in an email application, display links to your favorite social websites or simply build your entire webpage around it – this depends only on you.

Ribbonbar UI has everything you would expect from a ribbonbar – cool looks, comprehensive and easy API, amazing command handling, different sets of inbuilt tools, cool Windows7 skin. And at last, but not least – deploying and configuring it is a matter of minutes.

Screenshots:

What’s New:

– JSON file instead of XML for tabs, ribbons and tools rendering.
– Rendering at lightning speed.
– Improved browser support.
– Fully CSS3 skinning mechanism with decent fallback for older browsers.
– New and easy to use client API.
– New command handling based on delegation;
– Support for external tools loaded via AJAX.
– Can be used on any server environment (default is PHP, but it can be extended to JAVA, .NET, etc).

Features:

– By far, the most successful recreation of the “real” desktop ribbonbar as a web component.
– Comprehensive and fun to use API.
– Easy to modify JSON structures for tabs, ribbons and commands.
– Imageless CSS3 skin working with all modern browsers and falling back nicely for older browsers.
– 4 types of inbuilt tools – “toolbar”, “office menu”, “split-button” and “external”.
– Ability to load external tools by loading them via AJAX and passing get/post parameters.
– Small footprint.
– Easy command handling.
– Can be used with 3-rd party WYSIWYG editors, as a navigation component, in email systems, etc.
– The retrieval for the JSON files can be done with any server runtime (however Ribbonbar is shipped with PHP routine only).

Now What?

Check the info page, go to the demo or visit the documentation page for Ribbonbar UI to learn how to integrate it into your own project. Eventually download it. As usual, the component is included in the latest version if Acid.JS Web.UI.