Reading qx.ui.embed.ThemedIframe and modifying it to get it work with qx.ui.embed.Html. Guess it is not for faint heart :D.Going to contribute it if it works but Is that proper way to do? Should i continue that route?
On 8/27/14, Phyo Arkar <phyo.arkarl...@gmail.com> wrote: > I meant: Area of embed.Html will not increase in height depending on > the content's sizet > > On 8/27/14, Phyo Arkar <phyo.arkarl...@gmail.com> wrote: >> Thanks a lot! it works properly! I see now , its my first attempt >> making my own widgets and quite interesting . >> >> a few problem raised: >> http://tinyurl.com/ndfom54 >> HTML Area will increase in height according to content (due to >> overflowY is hidden i think?) . So have to set statically its height , >> so to make it useful for scrollcontainer's scrollbar. >> >> Anyway to increase htmlarea's hieght according to html content inside, >> dynamically ? >> Should i look into themedIframe source code? Can we replace iframe >> with embed.Html there? >> >> >> >> >> >> >> >> On 8/27/14, Derrell Lipman <derrell.lip...@unwireduniverse.com> wrote: >>> Phyo, you have a few problems in your widget example. The first is >>> probably >>> a typo, since I don't think you'd get the error you presented with it >>> this >>> way: construct is a top-level key. It doesn't go inside of members; it's >>> at >>> the same level as members. >>> >>> The cause of the error you're seeing is because your >>> _createChildControlImpl method must return the control it creates, or, >>> if >>> the id doesn't match anything that you handle directly, you must call >>> the >>> superclass method with the given id, and return what that method >>> returns. >>> >>> Here's a working version of your widget, in the playground. >>> http://tinyurl.com/nvy3ezg >>> >>> Cheers, >>> >>> Derrell >>> >>> >>> >>> On Tue, Aug 26, 2014 at 5:39 PM, Phyo Arkar <phyo.arkarl...@gmail.com> >>> wrote: >>> >>>> I am trying to get qx.ui.embed.Html with Qooxdoo scrool themed. >>>> I wans to implement it inside vitrual list . >>>> All i want is a qx.ui.embed.Html widget with Custom (qx themed) >>>> scroolbars >>>> coz it is so ugly in native scrolls. >>>> >>>> Here is my attempt to implement it : >>>> >>>> // Create a scroll container >>>>> var scrollContainer = new qx.ui.container.Scroll(); >>>>> scrollContainer.set({ >>>>> width: 100, >>>>> height: 100 >>>>> }); >>>>> var h = new qx.ui.embed.Html() >>>>> h.setHtml("this is test to see if qooxdoo scroolbar working with html >>>>> this is test to see if qooxdoo scroolbar working with htmlthis is test >>>>> to >>>>> see if qooxdoo scroolbar working with htmlthis is test to see if >>>>> qooxdoo >>>>> scroolbar working with htmlthis is test to see if qooxdoo scroolbar >>>>> working >>>>> with htmlthis is test to see if qooxdoo scroolbar working with >>>>> htmlthis >>>>> is >>>>> test to see if qooxdoo scroolbar working with htmlthis is test to see >>>>> if >>>>> qooxdoo scroolbar working with html") >>>>> h.set({ >>>>> width: 200, >>>>> height: 200 >>>>> }); >>>>> h.setOverflowY("hidden") >>>>> h.setOverflowX("hidden") >>>>> h.setAllowGrowY(true) >>>>> h.setAllowShrinkY(false) >>>>> h.setAllowGrowX(true) >>>>> scrollContainer.add(h) >>>>> var doc = this.getRoot(); >>>>> doc.add(scrollContainer, >>>>> { >>>>> left:10, >>>>> top:10 >>>>> }); >>>> >>>> >>>> It works in playground. >>>> >>>> But I tried to make it a widget: >>>> >>>> >>>> (i am not an expert in doing so): >>>> >>>> qx.Class.define("phwabe.view.ChatView.PostItem", >>>>> { >>>>> extend : qx.ui.container.Scroll, >>>>> properties : >>>>> { >>>>> /** Any text string which can contain HTML, too */ >>>>> html : >>>>> { >>>>> check : "String", >>>>> apply : "_applyHtml", >>>>> event : "changeHtml", >>>>> nullable : true >>>>> } >>>>> }, >>>>> >>>>> members : >>>>> { >>>>> construct : function() >>>>> { >>>>> this.base(arguments) >>>>> }, >>>>> _createChildControlImpl : function(id) >>>>> { >>>>> var control; >>>>> switch(id) >>>>> { >>>>> //case "icon": >>>>> // control = new qx.ui.basic.Image(this.getIcon()); >>>>> // control.setAnonymous(true); >>>>> // this._add(control, {row: 0, column: 0, rowSpan: 2}); >>>>> // break; >>>>> case "html": >>>>> control = new qx.ui.embed.Html() >>>>> control.setAllowGrowX(true); >>>>> control.setOverflowY('hidden'); >>>>> control.setAllowShrinkY(false) >>>>> this.add(control) >>>>> } >>>>> }, >>>>> _applyHtml : function(value, old) >>>>> { >>>>> var post = this.getChildControl("html"); >>>>> // Workaround for >>>>> http://bugzilla.qooxdoo.org/show_bug.cgi?id=7679 >>>>> // Insert HTML content >>>>> post.setHtml(value||""); >>>>> } >>>>> } >>>>> }) >>>> >>>> >>>> But that is failing hard with : Error: Exception while creating child >>>> control 'html' of widget phwabe.view.ChatView.PostItem[446-0]: >>>> Unsupported >>>> control: pane >>>> >>>> I am doing it wrong obviously. >>>> >>>> >>>> >>>> >>>> ------------------------------------------------------------------------------ >>>> Slashdot TV. >>>> Video for Nerds. Stuff that matters. >>>> http://tv.slashdot.org/ >>>> _______________________________________________ >>>> qooxdoo-devel mailing list >>>> qooxdoo-devel@lists.sourceforge.net >>>> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel >>>> >>>> >>> >> > ------------------------------------------------------------------------------ Slashdot TV. Video for Nerds. Stuff that matters. http://tv.slashdot.org/ _______________________________________________ qooxdoo-devel mailing list qooxdoo-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
