Search and Top Navigation
#2433 closed enhancement (fixed)
Opened February 29, 2008 02:43AM UTC
Closed June 11, 2008 12:01PM UTC
Last modified May 26, 2010 05:39PM UTC
Ability to pass a class name to a Dialog
| Reported by: | natecavanaugh | Owned by: | rdworth |
|---|---|---|---|
| Priority: | minor | Milestone: | 1.5 |
| Component: | ui.dialog | Version: | 1.5b4 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
It would be great if for dialogs you had the ability to pass a css class name that would be applied to the outermost container of the dialog.
This simple ability would allow you to give different dialogs different looks and feels based on whatever class name you passed in. I would also allow either the passing in of an array, or multiple space separated classes so that you can further namespace it.
For example, let's say you have an alert dialog, but it's also an alert that passes in a warning.
You could do cssClass: 'alert warning' or cssClass: ['alert', 'warning'].
Space separated classes are generally better for maintenance rather than .warning-alert, .info-alert, etc.
Attachments (0)
Change History (7)
Changed February 29, 2008 02:44AM UTC by comment:1
Changed February 29, 2008 10:53AM UTC by comment:2
| owner: | paul → rworth |
|---|
Changed February 29, 2008 02:56PM UTC by comment:3
| type: | bug → enhancement |
|---|
Changed May 24, 2008 03:39AM UTC by comment:4
| milestone: | 1.2.4 |
|---|
Milestone 1.2.4 deleted
Changed May 24, 2008 07:26PM UTC by comment:5
| component: | ui.core → ui.dialog |
|---|---|
| version: | 1.2.3 → 1.5b4 |
Changed May 24, 2008 08:08PM UTC by comment:6
| milestone: | → 1.5 |
|---|---|
| status: | new → accepted |
Changed June 11, 2008 12:01PM UTC by comment:7
| resolution: | → fixed |
|---|---|
| status: | accepted → closed |
This was added (rev [136]) as an option, dialogClass. Example
$(el).dialog({ dialogClass: 'alert warning' });
Whoops, sorry Paul, I meant to mark this as an enhancement.