Brainstorming desired - easier styling/css approaches
Hey all, I'm curious if anyone already has some good, applied blogs or posts around the styling/css approaches with GWT applications. In particular, when going through some of these usecases and maybe from a UX designer point of view (I'm a developer, so do not know what tools (dreamweaver?) a UX/styling person may be more comfortable using, particularly with pure GWT apps): 1) Creating a new widget, how to plan for styling that would be applied to different applications using your widget. 2) Creating an application quickly, but style afterwards (or prepare for re-styling/re-branding changes). 3) Creating a 'stock' CSS template to apply to many GWT applications. 4) Given a specific application, is there an easier way to review 80% of the changes without going to each screen/widget at a time? 4-example) I was trying to brainstorm if there was an easier way to 'create a single web page with fragments of each display element in-context relevant to a specific application' -- a single page with table headers (if used in app), if table headers are always embedded in the same panel or different panels (if used in app), buttons, pulldowns, textfields with random values (or default values if you use a grey-text approach), etc. That way, instead of having different people review each screen/page of an entire app, if simply create a single page (or only a couple of pages) that covers 80% of what portions of the app would look like for easier review of changes. thoughts? -Darren -- You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscr...@googlegroups.com. To post to this group, send email to google-web-toolkit@googlegroups.com. Visit this group at http://groups.google.com/group/google-web-toolkit?hl=en. For more options, visit https://groups.google.com/groups/opt_out.
gwt 2.5/PrecompressLinker useless with tomcat/jboss?
Hi all, I've been trying to utilize http://code.google.com/p/google-web-toolkit/wiki/PrecompressLinker, but for (I'm assuming) the common usecase of deploying to Tomcat, or to Jboss, this seems useless/no value. With tomcat, only configuration I could find was to modify server.xml with Connector ...compression=on .. configurations which RE-compresses (instead of using pre-compressed) outgoing content, seemingly on the fly for every request. Jboss seems to have similar challenges. Has anyone had success where using the GWT PrecompressLinker provided value to Tomcat environments (opposed to jetty)? I know this isn't a direct GWT question, but having a cool feature and being unable to use it leads one wanting... :-) -Darren -- You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To view this discussion on the web visit https://groups.google.com/d/msg/google-web-toolkit/-/Mo1JIn3tnOEJ. To post to this group, send email to google-web-toolkit@googlegroups.com. To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
UIBinder with css-defined images
Hey all,
I'm so far really loving the UIBinder approach -- I was hesitant at
first (since already doing fine with programmatic GWT widget/panel/
form creation), but being able to mockup something quickly, then add
behavior after the fact is really showing a good approach to
development.
Question:
For css-defined images, is there a good approach to handle these
without requiring (major) modification to the existing .css files, or
without a lot of hand-writing of resourceBundles?
For example, add an image to an h1 tag under the .header div:
.header h1 {
height: 40px;
background: transparent url(../images/logo.png) left top no-repeat;
}
this is defined in the app.css that is added to the UIBinder as:
ui:style field=app src=./css/app.css /
(as in, so far I haven't need to write any resource bundles,
awesomeness!)
Let me know please...I've read a lot of blogs and mailing lists around
similar problems, but maybe not specifically this. Thanks!
-D
--
You received this message because you are subscribed to the Google Groups
Google Web Toolkit group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
Re: UIBinder with css-defined images
Wow, that made it crystal clear, thank you!
So, using that I should be able to do all this within the uibinder
xml, with the intent to make a background image:
ui:image field=bgImage src=./images/app-bg.png /
ui:style
@sprite
.background {
gwt-image: 'bgImage';
background-repeat: no-repeat;
}
/ui:style
g:HTMLPanel styleName={style.background}
Unfortunately (using Google Plugin) getting could not find no-arg
method named background in type
com.google.gwt.resources.client.CssResource
It seems I'm very close actually.
-D
On Apr 13, 11:51 am, Thomas Broyer t.bro...@gmail.com wrote:
As soon as you use UiBinder, you're implicitly writing a ClientBundle, just
that you write XML instead of Java.
A ui:style generates a CssResource; and you can use a ui:image to
generate an ImageResource and a ui:data to generate a DataResource. You
can then use them from the CSS with @sprite and @url, just like any other
ImageResource/DataResource.
Have a look at the Mail sample, it uses both ui:image and ui:data IIRC.
--
You received this message because you are subscribed to the Google Groups
Google Web Toolkit group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
Re: UIBinder with css-defined images
Self-correction, the 'no-arg' is because you do not use @sprite as an
annotation, but instead on the same line as the style definition
BAD:
@sprite
.background
CORRECT:
@sprite .background
On Apr 13, 1:20 pm, dhartford binarymon...@gmail.com wrote:
Wow, that made it crystal clear, thank you!
So, using that I should be able to do all this within the uibinder
xml, with the intent to make a background image:
ui:image field=bgImage src=./images/app-bg.png /
ui:style
@sprite
.background {
gwt-image: 'bgImage';
background-repeat: no-repeat;
}
/ui:style
g:HTMLPanel styleName={style.background}
Unfortunately (using Google Plugin) getting could not find no-arg
method named background in type
com.google.gwt.resources.client.CssResource
It seems I'm very close actually.
-D
On Apr 13, 11:51 am, Thomas Broyer t.bro...@gmail.com wrote:
As soon as you use UiBinder, you're implicitly writing a ClientBundle, just
that you write XML instead of Java.
A ui:style generates a CssResource; and you can use a ui:image to
generate an ImageResource and a ui:data to generate a DataResource. You
can then use them from the CSS with @sprite and @url, just like any other
ImageResource/DataResource.
Have a look at the Mail sample, it uses both ui:image and ui:data IIRC.
--
You received this message because you are subscribed to the Google Groups
Google Web Toolkit group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
Re: LightweightMetrics - network transport measurement?
Is there other options to help evaluate during runtime the difference between server time, client rendering time, and network transport time outside of using chrome/speedtracer? Something that would help where users could get feedback and provide information that could be logged regardless of browser used to show when there are server issues, gwt issues, or network issues with regards to timeliness? tia, -D On Sep 9, 11:42 am, dhartford binarymon...@gmail.com wrote: Hey all, I'm looking at what the LightweightMetrics can supply (opposed to hand- rolling your own), but it is not clear to me if it handles metrics on both the client and the server side to capture network latency issues (or, to be more general, network transport time) inbetween the client and the server. client request sent: 1234567890 --network latency:200ms server receive request: 1234568090 (+/- client/server time offsets) server sending response: 1234568140 (+/- client/server time offsets) --network latency:200ms client receive response: 1234568340 Is this something that I (more than likely) just do not understand about the current LightweightMetrics, or is this out of scope or something someone else may have solved with a different approach/ library? usecase: if you have optimized server and client code as much as possible, but someone is using dial-up or mobile network connection, want to be able to identify and record when that occurs. thanks! -D -- You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To post to this group, send email to google-web-tool...@googlegroups.com. To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
LightweightMetrics - network transport measurement?
Hey all, I'm looking at what the LightweightMetrics can supply (opposed to hand- rolling your own), but it is not clear to me if it handles metrics on both the client and the server side to capture network latency issues (or, to be more general, network transport time) inbetween the client and the server. client request sent: 1234567890 --network latency:200ms server receive request: 1234568090 (+/- client/server time offsets) server sending response: 1234568140 (+/- client/server time offsets) --network latency:200ms client receive response: 1234568340 Is this something that I (more than likely) just do not understand about the current LightweightMetrics, or is this out of scope or something someone else may have solved with a different approach/ library? usecase: if you have optimized server and client code as much as possible, but someone is using dial-up or mobile network connection, want to be able to identify and record when that occurs. thanks! -D -- You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To post to this group, send email to google-web-tool...@googlegroups.com. To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
Component/Widget swapping technique (accessible v convenience v beta)
Hey all, Checking to see if someone has already solved this challenge -- You have a widget/component, like a table of data you display. The data content will always be consistent. But, you may have users who want to identify that they want the: *WCAG accessible version of the table. or *Analytical table that allows reordering and left-frame-locking of columns (which is definitely not WCAG). or *A 'beta' version of a new table for users who want to experiment with it. Is there a good approach to designing, setting up, and allowing a single website the users the ability to swap back and forth between different widgets? -D -- You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To post to this group, send email to google-web-tool...@googlegroups.com. To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
Simple bandwidth/response time comparison tools
Hi all, As I'm sure most of us here on the forum are doing, not everything is a new project. When you are doing conversion of an old project (struts, JSP, JSF, etc), the old way of measuring 'time' and 'size' are a little different with AJAX/GWT. For example, this tool: https://addons.mozilla.org/en-US/firefox/addon/1743, really doesn't handle AJAX/GWT well. Can anyone share any tools or experiences in showing the time/ bandwidth difference of an old application to a new application in either a (eventual) side-by-side per-screen, or 'per drive-through scenario' approach? thanks! -D -- You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To post to this group, send email to google-web-tool...@googlegroups.com. To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
Re: Simple bandwidth/response time comparison tools
and please, be reasonable, saying 'use speedtracer' doesn't help -- how do you use speedtracer to get a bandwidth/size number for a screen/ scenario and the response time (too much detail there for simple metric comparisons of an old site to a new site). On Feb 22, 8:56 am, dhartford binarymon...@gmail.com wrote: Hi all, As I'm sure most of us here on the forum are doing, not everything is a new project. When you are doing conversion of an old project (struts, JSP, JSF, etc), the old way of measuring 'time' and 'size' are a little different with AJAX/GWT. For example, this tool:https://addons.mozilla.org/en-US/firefox/addon/1743, really doesn't handle AJAX/GWT well. Can anyone share any tools or experiences in showing the time/ bandwidth difference of an old application to a new application in either a (eventual) side-by-side per-screen, or 'per drive-through scenario' approach? thanks! -D -- You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To post to this group, send email to google-web-tool...@googlegroups.com. To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
Re: Google Plugin for Eclipse with Maven
I'm interested in this question as well, we heavily use the gwt-maven plugin (Charlie Collins et al to differentiate) for continuous integration and repeatable builds. If there is a consistent way to use the Google Plugin for Eclipse with gwt-maven that would be great. p.s. present solution is to use the gwt-maven plugin gwt-maven:gwt to run hosted mode (managing all library dependencies as well). -D On Apr 18, 3:15 pm, DaiLL ck.da...@gmail.com wrote: Hey, i've searched two days without any outcome about using the Google Plugin for Eclipse with maven. So my question is: Does anybody know about some improvements in this section? best wishes, daill --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To post to this group, send email to Google-Web-Toolkit@googlegroups.com To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/Google-Web-Toolkit?hl=en -~--~~~~--~~--~--~---
