Home » QTabPanel with Jquery UI for Qcubed

Reply to comment

QTabPanel with Jquery UI for Qcubed

Submitted by enzo on Fri, 05/15/2009 - 14:39
QTabPanel-Jquery-UI.JPG

Five weeks ago I did a new implementation for QTabPanel to simply his usage and add new options, this implementation used JQuery, but users reported problems with IE7 (big surprise).

Due QCubed now implement Jquery UI as part of the core, OOPMan did an implementation using this JQuery package.

But after try to implement the OOPMan solution with out success.

I did some changes in the class and other tweaks to try implement in a easy way :P IMHO.

List of changes:

  • Jquery UI Implemented (OOPMAN contribution)
  • Create a QTabSection class (one object per tab)
  • Auto Add control (We just need pass the QTabSection as Parent control)

This change was tested on FF3,IE7,IE8, Chrome and Opera

Could you check at http://qcubed.anexusit.com/examples/advanced_ajax/tab_panel.php

To Do:

  • Test on IE6 and Safari
  • Add content cache.
  • Improve options/properties

To implement last change is necessary implement ticket # http://trac.qcu.be/projects/qcubed/attachment/ticket/256

In order to enable the custom style sheet by control.

Attached in this post could you find a zip installer and a patch against QCubed 1.1

Enjoy IT

enzo

AttachmentSize
QTabPanel.zip14.38 KB
QTabPanel.patch23.57 KB
»

Reply

  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <b> <address> <blockquote> <br> <caption> <center> <code> <dd> <del> <div> <dl> <dt> <em> <font> <h2> <h3> <h4> <h5> <h6> <hr> <i> <img> <li> <ol> <p> <pre> <span> <strong> <sub> <sup> <table> <tbody> <td> <tfoot> <th> <thead> <tr> <u> <ul> <tr>
  • Lines and paragraphs break automatically.

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
11 + 2 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.