As Gaurav noted, it's pretty lame that jQuery requires a theme for the
UI components to work, but that it doesn't mention that explicitly
anywhere. Like Gaurav, I'm trying to keep my filesizes as small as
possible. In fact, since I'm using the Google hosted APIs, it's all
external; where would someone possible learn that the resizable
stylings are only found inside a theme?
That being said, I followed Shedokan's note and grabbed the CSS from
the Smoothness theme, dropped it into my CSS file, and the resizables
started working.
Here is the relevant CSS:
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index:
99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-
autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top:
-5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom:
-5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px;
height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px;
height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px;
right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left:
-5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left:
-5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right:
-5px; top: -5px;}
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
