Using Eclipse Neon which comes pre-packaged with WindowBuilder V 1.8.0. The Add > New and browsing to the custom look and feel .jar file that contains the Look And Feel code works well. But when this custom Look and Feel is previewed, the preview comes up blank for all gui elements such as button, checkboxes, labels , etc.
The answer to this question is that WindowBuilder 1.8 does not support the newer SYNTH Look and Feel but only supports the older look and feel. When we tried to preview our Synth look and feel, all gui elements were blank. But when we loaded our older look and feel which was written way before the SYNTH look and feel, then all of the gui elements (radio buttons, buttons, checkboxes, etc) showed the older look and feel.
Related
One of the web application I developed uses Primefaces 2.2. I'm delaying the migration to 3.X because I think the users are more comfortable with the 'old' look and feel of some components.
In the calendar I liked the 2.2 icon on the popup button and I would like to go on with it. Unfortunately it seems the easy way to achieve this goal, the attribute popupIcon, is no more supported, despite it is still present in the guide for 3.X
FileUpload was completely rewritten and its look is radically changed: now in the auto mode the browse (choose file) button is inside a rounded box with a background image and color set. I preferred the 2.X look, where there is no rounded box. Besides making some tests with Internet Explorer 9 I noticed the UploadedFile.getFileName() gives now the full path of the file, while I have functioning code expecting only the file name without path. The migration guide tells nothing about this change which is completely undocumented.
I believe the original look and feel can be restored with some css override, but I have already tried without success reading also this
Primefaces: how to change the default icon on the button of the calendar field?
and I would like to receive some advices.
My major concern is that css modifications can affect other components, so it is necessary to be very specific.
Thanks
Filippo
I don't think there is a quick fix, in fact I think it will be a lot of work. As you said yourself, the look and feel for some elements has changed a lot. However PrimeFaces is highly customizable when it comes to styling.
I suggest you download the manual from the PrimeFaces site (PDF) and get to work using CSS as your weapon of choice. Maybe you can re-use the CSS of PrimeFaces 2.x as a reference.
I realize that some people think it is crazy to re-implement all the UI functionality of HTML in a canvas-based framework (and there are some stackoverflow questions that suggest this), but is anyone actually working on a library like this?
To clarify, the library would render all UI elements like edit boxes, labels, buttons, combo boxes, list views, etc. on the canvas directly. There would be no HTML or CSS.
I stumbled upon this idea today. Found the library Zebra. Haven't tried it out yet.
https://zebkit.org/
For web apps I think this makes perfect sense. HTML/CSS is just not good enough to create stable apps easily. The DOM and layouts are just too quirky and the performance too low.
What we need is something like Silverlight but without the plugin. Stable components and a great framework.
Canvas apps could be made just as accessible as html web apps. Probably more so even.
Perhaps WebGL is even better, its performance is definitely better than Canvas if done properly.
Thunderhead was a mozilla experiment built along with bespin (now skywriter).
From the project description:
Thunderhead is a Mozilla Labs experiment to explore a JavaScript-based
GUI toolkit that works with DOM elements and canvas to render
components.
The problem is accessibility, canvas just isn't.
I've just reviewed zebkit.com today. Amazing and absolutely not crazy, rather essential. Try running most DOM node trees on a mobile device and you will soon know this is true. Then in contrast run the Zebkit kitchen sink demo and be shocked. You might have to reconsider your projects approach.
Coming from Java to HTML5 I definitely see some nice OOP at play in the Zebkit API, it is needed to provide the simple canvas some powerful structure. Also I really like the JSON support, it acts much like a CSS format for the canvas. Using JSON this way fits well into the Web Component mindset and the practicality of HTML partials. There are a lot of goodies in this API.
In the end all ways of producing graphics for the Web render pixels anyways. Maybe we have just added to many abstractions between the logic we what to produce and the end screen to realize this fact. With Zebkit it feels like your almost working at the native level, plus it adds in all the graces of Javascript and JSON, sweet indeed. Plus your free to mix and match in DOM as desired.
Now there is Flutter's CanvasKit renderer. Google docs is moving to Canvas.
Jotform.com uses a nice panel bar, the navigation system in the left side. It looks polished and is rich in functionality. The items have a highlight and have help '?' functionality which display a preview upon hovering.
I don't know if they built it themselves. I was wondering if there's a jQuery plugin or UI
Framework that helps me build something very similar. I already have Telerik's controls however this one looks cooler.
They probably did it with one of the JavaScript libraries they link to on the webpage. The probably did it with this one?
Edit: I was incorrect on closer inspection is is this file that is used when the side panel is used, but I cannot find the library that it came from.
Perhaps you could just contact them and ask?
I am building a web application that will need to allow users to save formatted text to a database. Basically they just need to be able to change font color, font background color, font size, bold, italics, and underline.
I would like to use something that I can just attach to a text area to make a formatting bar show up.
It would be nice to use something that marks up the formatting in something besides HTML so that I can HTML Encode the input when storing it, for safety. It would, of course, need to convert its own markup into HTML when rendering back to the browser.
What options are out there?
FCKEditor is one of the best fits for you. We are using it in one of our ASP.NET MVC web applications and it's awesome.
Before selecting FCKEditor, it tried other web editor but the ability to configure them was not good.
Check FCKEditor at: http://www.fckeditor.net/
I'd take a look at the HtmlEditor in the latest version of the Ajax Control Toolkit. I haven't used it yet - but for free, you can't beat the price.
http://www.asp.net/ajax/ajaxcontroltoolkit/samples/HTMLEditor/HTMLEditor.aspx
I can recommend you WymEditor.
It's WYSIWYM (What You See Is What You Mean) XHTML editor (not WYSIWYG).
It was perfect for my small pseudo-CMS module to force users to use only a few defined styles from a list, but I have no idea if it'll suit your needs.
Plan B is to use TinyMCE which I prefer more than FCKEdit.
I am building advanced HTML tables with lots of CSS in them, what are the best tools out there for building advanced HTML CSS tables that could include dynamic elements like AJAX driven features (jQuery). I use Dreamweaver and Eclipse but they just touch the surface of having a really great tool set to build with. If you use a great tool let me know about it:-)
Seriously, the closer to the metal you get, the better off you'll be. On the Mac, I use TextMate for doing the HTML and Javascript, and CSSEdit for editing the CSS.
Best tool ever, either Textpad or Notepad++.
Both support syntax highlighting for a variety of languages, tabbed interface, etc.
Stay away from frontpage / dreamweaver.
Also if I may ask, why as you making HTML tables, I am hoping not for a layout?
I'll second Notepad++. How about an Express edition of Visual Studio 200x? You get some great design tools, great syntax highlighting, and it's free.
If you want a good free Mac editor, I go with WordWrangler. But if you want something that will cover EVERYTHING for web design, go with Coda.
For PC, I use notepad++. Not as slick as the ones for Mac, but it does allow for editing straight from the server.
But as far as CSS for tables specifically, you are going to want to do as much of it on your own, as tables are the worst when it comes to accessibility and semantic mark up, and that can only be dealt with by hand. Things like scope, colgroups, etc are never going to be WYSIWYG, you have to fine tune it.
Here's a good starting point:
http://www.noupe.com/css/21-fresh-ajax-css-tables.html