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
