Is there a beautiful gwt css/theme? [closed] - css

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
Is there a beautiful theme to override the predefined gwt theme, i.e., a css file like clean.css, standard.css, but with a more beautiful look & feel? The original ones are rather plain and not so desirable. The generator "http://gwt-theme-generator.appspot.com/" is not quite good either.

Yes, there is. You can use GWT boostrap

You can also check out these:
http://cleangwt.appspot.com/
http://www.spiffyui.org/
https://github.com/gwtbootstrap3/gwtbootstrap3

There is also HexaCss (www.lteconsulting.fr/hexacss) which allows you to bind your application to multiple css files (thus you can theme it easily) and allows to bind to existing css files (like bootstrap themes for instance).
Check this demo for example, where you can change the bootstrap theme dynamically with the top-right list box : http://www.lteconsulting.fr/hexacss/demo/sample4/index.html

Putnami Web Toolkit (PWT) is a GWT framework based on Twitter's Bootstrap 3.2, so your webapp are responsive and can be easily themed.
Its attractive graphic components are easy to expand and to customize.
Documentation and tutorials can be found on official site : http://pwt.putnami.org/ (the site was made using its own framework).

Yes you can always use CSS Styling with GWT in most of the elements. So you can use any existing CSS theme and use it with following conditions :
Remove the default styling for all widgets with
{widget_name}.removeStyleName(gwt-{WidgetName})
Then add he css class with :
{widget_name}.addStyleName(gwt-{WidgetName})
For certain static things, you can always use setInnerHTML or directly specify CSS classes to use in your HTML files.
I have successfully used Bootstrap ( Not GWTBootstrap) in my project for variety of widgets.Plus the grid system of Bootstrap also works perfectly in GWT.
If you want to use other libraries, you can try Sencha. They have good design themes for GWT

Related

Which css framework to choose for angular 2 at this moment? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
We reached the decision to use angular2 for building our new application. It is a special type of contacts/tasks manager.
The decision left is which css framework to use.
What i have seen so far is:
Angular Material - version 1 cant be used with Angular 2 and version 2 is not ready yet (and i couldnt find any release roadmap/date)
Material Design Lite - I am not sure how good that one is to use with angular. Or, to put it differently, will our opportunity cost of choosing it over Angular Material 2 be high?
Twitter Bootstrap - this one is last option if first two not used (for whatever reason)
I am also open to any other suggestions.
PS.
It is important for us that it is a well supported one, with active development and good prospect.
It's a personal preference what you are asking.
From my experience, I would go with Bootstrap as it is the most mature of those CSS frameworks you wrote.
Also, Bootstrap already has a lot of great plugins, great documentation, great community and will continue to grow.
I was working with material, and it has a lot of problems since it is still in beta version, and my personal opinion about it that it is not built for the web, but only for mobile. :)
Which web style you want or feature?
ng Material & Material Design Lite are Material Style , Bootstrap is not
but at your list , they are all has Gird System .
it's useful on Layout (both RWD or normal ) .
and ng2 Component has individual css .
so if you want , you can use css framework combine with ng2
but as I know Bootstrap has ng2 Component . maybe you want to try it
refer : https://valor-software.com/ng2-bootstrap/#/datepicker
or you want ng2 Material
refer : https://justindujardin.github.io/ng2-material/#/

Are there any reuseable CSS stylesheets that provide some commonly used functionality? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 4 years ago.
Improve this question
Examples might include:
buttons (class="button" or similar)
rounded boxes with headings (class="content-box" or similar)
nice looking html tables (class="nice-table" or similar)
customised html form fields
[example class names just to give an idea of expected behaviour]
Basically I just want some readymade CSS for common things.
My non-designer friend wants to get started creating a web app and I feel that ready made simple but attractive CSS classes would be a great help.
Try this ones:
http://twitter.github.com/bootstrap/ — css framework from creators of twitter, have wide range of common elements.
http://foundation.zurb.com/ — another framework with hight focus on prototyping.
There is Skeleton: http://getskeleton.com. It has both JS and CSS patterns and is helpful for developing sites quickly, it's also mobile friendly.
jQuery UI provides a nice framework for this, even if you don't use the javascript side of things. You can reuse their CSS for whatever you need. See here:
http://jqueryui.com/docs/Theming/API
http://twitter.github.com/bootstrap/
YUI3. Yahoo! has created some of the best rules for web development.
Reset - level all browsers
Fonts - level all fonts
Base - reapply some common styles
Grids - best way to manage grid-like layouts
http://yuilibrary.com/yui/css/

GWT Themes/Templates [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
I'm developing an application using GWT. Though GWT is a JAVA based medium, the look and feel could only be enriched via CSS. I was wondering if there is some site, where I could download CSS that could make my app look better. Also I was thinking if GWT supports templates/themes unlike Drupal/Joomla. If it does support,is there some place where I could make use of existing templates? Being a developer, I feel the application is not appealing to the user. For instance, I'm using TabLayoutPanel to imitate the menus. But, they doesn't actually look like a menubar. Also the entire application would take only a little amount of screen space. I want the application to fill the entire screen size. Is there any way to solve the above problems??
Thanks in advance.
Like TxANG mentioned, you can use the theme generator. Working demo here http://gwt-theme-generator.appspot.com/
For full screen (all available browser space), use DockLayoutPanel
Im afraid there is no template/theme like in php because there is no predefined skeleton pages (in fact, there is no usual "pages"). All styling have to be done through CSS. If you want to generate a new CSS using different colors, there is a generator page that can help you.
Answer for your second question - Use RootLayoutPanel instead of RootPanel. And then add DockLayoutPanel to it. The center panel of the DocLayoutPanel occupies all available space in the browser.
Try Vaadin :)
http://vaadin.com/home
Showcase : http://demo.vaadin.com/sampler
Hope you like the look and feel, this framework build over GWT. You can extend the native GWT classes.

CSS editor recognize and index comments? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
A web page is usually consist of several areas, header, content, sidebar, footer, and can be more detailed, navigation, logo, slider, widgets...
I use comments to mark these areas in css file, as many others do. And used to scrolling or by search to locate the area while editing the css, it is slow and inconvenient especially when css file grows big.
Is there a css editor can recognize comments and produce an index table for quickly jump from one to another?
Netbeans has CSS selector jump support.
It indexes the CSS file you're working with and lets you choose which selector you want to jump to.
When you're editing HTML you can CTRL+click on the class or id to jump to the CSS rule that styles it (if there are several you get a list).
Here's an example:
Unfortunately, these Netbeans features will completely ignore your comments. I haven't come across a tool that does exactly what you're describing for CSS files.
If you were using a programming language you would probably use Javadoc-style comments, but these aren't typically used in CSS. You may be able to find a tool that will parse them and build an index anyway, but I'm afraid I can't suggest one.
Why not using separate css-files and then glue them in one file with ant? If you are using Eclipse - ant is already there. Or you can use ant as a command line tool.
Try it. You can perform other tasks with ant. For example you can minimize your .css or .js files as well.

CSS Documentation Template [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
Does anyone know if there are CSS templates purely for documentation purposes? I haven't been able to find any.
Edit: Looks like I will have to write my own. Basically it would have been nice to have a little css template that has pre-styled notice boxes and lists purely for the use of user guides or documentation but not too hard to setup.
try 960 grid
it's basically a CSS framework
Blueprint CSS
On a par with 960 Grid
You may want to check out the designs at the CSS Zen Garden.
The goal of this site is to showcase what is possible with CSS-based design. Style sheets contributed by various graphic designers are used to change the visual presentation of a single HTML file, producing hundreds of different designs. The HTML markup itself never changes between the different designs.
On each design page, you'd have a link to view the CSS file of that design.

Resources