I've been experimenting with fwt-in-js functionality lately but I'm not sure how styling should be done. I've only found BorderPane - not sure how this is related to dom pod.
It is pretty straightforward for parts done using CSS + traditional web pod - but I'm not sure how to combine this with fwt widgets. I'd expect something like GWT2 CSS styling (modifying styles of divs and components of various ids) but I fail see analogic API.
I'm not talking about complex effects (desktop like app) but more like themes, round corners, background gradients etc. - like Sidewalk, let's say.
What is the way to glue web + fwt + gfx + dom (+CSS)?
andyMon 25 Jan 2010
I don't have any support for that yet. Would be nice, but not sure I'll get into anything until after 1.0.
katoxMon 25 Jan 2010
OK. Thanks for quick response.
What is the future idea about this - moving styling into fwt itself (making it possible to use the same constructs in desktop apps) or following GWT2 style leveraging CSS and intermixing fwt components with "HTML templates"?
andyTue 26 Jan 2010
I doubt anything will go into fwt since the browser is the only platform we'll be able to style to any degree.
Creating any type of custom Widget in FWT is always going to require subclassing fwt::Pane. And then you can override some of the native hooks to generate your own DOM node. That is the hook I use now for my SkyFoundry work, and it works pretty well. You can then pretty easily write a custom widget that took a chunk of HTML to generate its DOM node.
But as far as theming, I think it would be some CSS you specify on the FwtEnv, that overrides the default styling. But I haven't really given that much thought yet.
katox Mon 25 Jan 2010
I've been experimenting with fwt-in-js functionality lately but I'm not sure how styling should be done. I've only found
BorderPane- not sure how this is related todompod.It is pretty straightforward for parts done using CSS + traditional
webpod - but I'm not sure how to combine this with fwt widgets. I'd expect something like GWT2 CSS styling (modifying styles of divs and components of variousids) but I fail see analogic API.I'm not talking about complex effects (desktop like app) but more like themes, round corners, background gradients etc. - like Sidewalk, let's say.
What is the way to glue
web+fwt+gfx+dom(+CSS)?andy Mon 25 Jan 2010
I don't have any support for that yet. Would be nice, but not sure I'll get into anything until after 1.0.
katox Mon 25 Jan 2010
OK. Thanks for quick response.
What is the future idea about this - moving styling into
fwtitself (making it possible to use the same constructs in desktop apps) or following GWT2 style leveraging CSS and intermixing fwt components with "HTML templates"?andy Tue 26 Jan 2010
I doubt anything will go into
fwtsince the browser is the only platform we'll be able to style to any degree.Creating any type of custom Widget in FWT is always going to require subclassing
fwt::Pane. And then you can override some of the native hooks to generate your own DOM node. That is the hook I use now for my SkyFoundry work, and it works pretty well. You can then pretty easily write a custom widget that took a chunk of HTML to generate its DOM node.But as far as theming, I think it would be some CSS you specify on the FwtEnv, that overrides the default styling. But I haven't really given that much thought yet.