GWT Themes/Templates [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 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.

Related

Using CSS outside of the browser [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
Is there a way to use CSS outside of the browser? Let's say I wanted to use it on creating desktop apps for Windows, Mac OSX or any other operating system.
Yes CSS is Often Used Outside of a Browser
Yes. When people develop with apps such as React, we use CSS and SCSS just like you would on a webpage.
Below is a sample of using CSS with React using JavaScript
Your question is very unspecific regarding e.g. the programming language you want to use. There are a lot of frameworks out there used to create desktop frontends. Some of them also use CSS-like notation to define their look, such as JavaFx.
But if your target is to create a webpage that runs in both browser and as native desktop app, I guess the best way is to run a browser engine inside your app.
Edit to answer your comment: It's not dependent on the programming language but related to the framework you use. Every framework works a bit differently here but some use the CSS notation. But as StackOverflow is not the place to ask for a list of frameworks I would recommend you to do some research on your own.

Frameworks for dynamically managing images in-browser in .NET [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
Let me first explain what I am trying to achieve... I would like to develop a website that offers some product. This product consists of multiple parts (for example, say a car). The user selects different parts and an image is generated dynamically to preview what the product would look like.
I know how to set the website up, manage database connections, and do all of that. My question is simple: Is there an existing framework that would help me to manage the manipulation of the images easily? My intention is to have separate images of each part and to overlay them in a determined fashion to develop the full product.
I think this would be possible with some fancy manipulation of the basic image controls, but I thought I would see if there was anything to make my job easier. I haven't done much with images in .NET so I don't really know what is available to me as of yet. I am experienced with images in C++ and C.
Note: This is only for research purposes, I am not developing this for any client or job. I just want to see how to do it. I am open to using regular .NET or MVC, depending on which would be most helpful for this.
Thank you for any help that you can offer.
You will need to create a full image of the car but have specific segments which you can identify through code. So your full image can be an "Image Sprite" and then you can show/hide specific chunks as the user is selecting/deselecting those segments. Here is an example that uses CSS to show specific parts of a full image. In that example, the images are separated using CSS, but you would not do that for your case. You would simply hide or show them.

Is there a beautiful gwt css/theme? [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
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

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/

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