Common Web UI Styles

Common Web UI Styles

I can't believe nobody has mentioned:

http://www.extjs.com/

Its a commercial js frameworks, but pretty affordable, and makes putting together a nice UI a breeze. There's a much more complete set of elements then jqueryui, and its designed to make an entire app. I've only played with it a little, but I really love it so far. Free for personal use.

If you really want to get a feel for a complete UI developed with EXT, try this url:

http://docs.sencha.com/extjs/4.2.1/extjs-build/examples/feed-viewer/feed-viewer.html

add a style to System.Web.UI.Control

You should use WebControl rather than Control. WebControl is derived from Control but includes the Attributes property.

Also, the "style" attribute of the control should contain a single string containing the CSS delimited by ;. So passing the entire string as you have it in your database is enough, you do not need to do any more processing.

So your function should simply look something like...

Sub AddStylesToControl(ByRef ctrl As WebControl, ByVal styles As String)
    ctrl.Attributes("style") = styles
End Sub

I have changed it to a direct setting (rather than Add) as this will overwrite any existing "style". Using Attributes.Add will fail if the "style" already exists in the collection.

Desktop IDE-Style Layouts on the Web

You can try http://dhtmlx.com/

For a living exemple of what you want to do, try this apps : http://c9.io/ It uses ACE : http://ace.ajax.org/

Web UI framework without JavaScript

There are CSS frameworks available to use, if that's what you're interested in:

1. 960 Grid
2. YAML
3. BlueprintCSS

Library for Developing Azure Web Interface Style Web Sites

I think you're wanting the Metro UI Pack. The user interface concept (was) called Metro. Everybody knows it as metro, but then it was called the Modern UI, now it's just called the Windows UI. But if you search for Metro UI, you'll get a lot of stuff. Hope this helps.

Edit: In response to your edit, collapsible sidebars can be used by creating charms (metro ui), then using jQuery toggle/animation methods. I don't know that there's a premade API that will allow you to do this as it is waaay to broad, each user will have different ideas and want different customization options, so there's no way really to adhere to that specific need. However, I did find this, and on the bottom gray bar, if you click the ellipses in the right corner, it has something similar to what you may want.

Outlook Web: which UI framework or library is based its new GUI?

The Office UI Fabric is a framework similar to Bootstrap that contains many of the same components and styles that you see in Outlook Online: http://dev.office.com/fabric/components.

You can see an example of a UI built using a mix of Fabric and Bootstrap with my MessageFiler for Outlook app: http://www.rockinsoftware.rocks/MessageFiler.html

---

Related Topics