Hi Franck, you're probably already familiar with the manual page on custom widgets[1] and I guess I don't need to tell you about the tutorial[2] either.
For your project, I'd suggest creating a composite widget with (at least) three child controls: The "Book Title" and "Date" labels and the editable element. You could implement the editable box by inheriting from core.Widget and overriding _createContentElement[3]. Call this.base(arguments) to get a qx.html.Element instance that represents a DIV, then set any DOM attributes you need. This is also where you can set CSS properties using qx.html.Element.setStyle. Note: In the constructor, you need to enable the widget's "selectable" property, without this editing won't work. Here's a quick example: http://tinyurl.com/obtljbt Regards, Daniel [1] http://manual.qooxdoo.org/3.0/pages/desktop/tutorials/tutorial-part-4-2.html [2] http://manual.qooxdoo.org/3.0/pages/desktop/tutorials/tutorial-part-4-2.html [3] http://demo.qooxdoo.org/current/apiviewer/#qx.ui.core.Widget~_createContentElement!method_protected On 25.07.2013 15:51, franck34 wrote: > > Hi > > After made a little poc using html5 contenteditable [1] + pure js + css, > i'm now looking to make a qooxdoo widget. > > I already know how to make my own widget, but only using existing qx > components. > I've never made a widget "from scratch" (having custom html/css). > > I'm looking for > * suggestions, way to go, hints > * manual links > * a public contrib of a "from scratch" widget > > Thanks in advance ! > Franck > > [1] http://jsfiddle.net/wk63F/ -- warning, only working with google chrome > > > ------------------------------------------------------------------------------ > See everything from the browser to the database with AppDynamics > Get end-to-end visibility with application monitoring from AppDynamics > Isolate bottlenecks and diagnose root cause in seconds. > Start your free trial of AppDynamics Pro today! > http://pubads.g.doubleclick.net/gampad/clk?id=48808831&iu=/4140/ostg.clktrk > > > > _______________________________________________ > qooxdoo-devel mailing list > [email protected] > https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel > ------------------------------------------------------------------------------ See everything from the browser to the database with AppDynamics Get end-to-end visibility with application monitoring from AppDynamics Isolate bottlenecks and diagnose root cause in seconds. Start your free trial of AppDynamics Pro today! http://pubads.g.doubleclick.net/gampad/clk?id=48808831&iu=/4140/ostg.clktrk _______________________________________________ qooxdoo-devel mailing list [email protected] https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
