2013/7/25 Daniel Wagner <[email protected]>
> 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.
>
>
Yep, but i missed some details, that's why i'm asking for hints ;)
> 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.
so,
* my main widget should be a "book" (qx.ui.container.Composite, probably
VBox layout because i can have more than 1 page in a book)
* which contain one or more dynamicaly created "page"
(qx.ui.container.Composite, probably VBox layout, because i will have more
than 1 paragraph in a page)
* each "page" will contain one or more editable element (qx.ui.core.Widget)
Do you think i'm on the way ?
I'll probably need to go deeper with Decorators and custom theme too, but i
didn't read the manual for this at the moment.
> 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
Thank's a lot !
Because i need to take care of printing
>
>
>
> 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
>
------------------------------------------------------------------------------
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
