override default jquery impromptu width

Question

The following statement works fine with the exception that the width of the modal message is 400px, the default, instead of the desired 800px.

$.prompt(sFirstTest,{width:800});

The default of 400px is fine except for this one instance. The question is how do I best override the default for the one instance?

@xFortyFourx Thanks for the suggestion. I had actually tried that, and just to make sure I tried it again, but the result was the same: no error indication but no change either. — Terry, Apr 29 '12 at 17:46

score 4 · Accepted Answer · answered Apr 29 '12 at 19:00

4

The answer was right in front of me in the documentation all the time. In the Impromptu css there is:

div jqi {
    width:400px;
    .....
}

So I set up an alternate:

div jqiwide {
    width:800px;
    .....
}

Then the call to Impromptu for a wide instance is:

$.prompt(sFirstText,{prefix:'jqiwide'});

answered Apr 29 '12 at 19:00

Terry

1,437
2
12
26

You have some typos: change `div jqi` to `div.jqi` and `div jqiwide` to `div.jqiwide` – machineaddict Sep 09 '14 at 09:27
@machineaddict, you are correct. I have edited the answer for future people reading this. – techdude Jan 16 '15 at 19:23

score 0 · Answer 2 · edited Sep 24 '12 at 08:55

0

And make sure to duplicate impromptu.css declarations with your new prefix, as they are not prepared for Id and classed with new prefix.

edited Sep 24 '12 at 08:55

Jonas G. Drange

8,749
2
27
38

answered Sep 15 '12 at 20:57

Omid

504
1
7
14

score 0 · Answer 3 · answered Apr 10 '13 at 10:09

0

.customStyling div.jqi{
    width: 800px;
}

var dialogOptions = {
    buttons: [{...},{...}],
    classes: "customStyling"
};

$.prompt("msg", dialogOptions);

answered Apr 10 '13 at 10:09

Volodymyr Boryslavskyi

51
1
2

override default jquery impromptu width

3 Answers3