Form Wizard Pro - Instructions

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
5/19/2009 11:40:24 AM
Gravatar
Total Posts 16

Form Wizard Pro - Instructions

Is there any way to replace the instructions area in the form wizard with regular HTML? I'm trying to change the way the look of the instructions by reducing line height and adding a few characters in a different color, but the instructions can only be applied as plain text. Any ideas?

 

Thanks,

Nick

5/19/2009 12:27:27 PM
Gravatar
Total Posts 18439

Re: Form Wizard Pro - Instructions

Hi Nick,

I released a minor update to Form Wizard Pro today that changes the editor toolbar to the full toolbar including source view (in case you want to edit raw html). If you haven't already, I recommend first upgrade to mojoPortal 2.3.0.4 then upgrade to the newest Form Wizard. You can get the new form wizard by downloading again from your purchase history.

Hope it helps,

Joe

5/19/2009 12:29:05 PM
Gravatar
Total Posts 16

Re: Form Wizard Pro - Instructions

Very cool, thanks, Joe.

 

Is there any way to change the size of the paragraph text box?

5/19/2009 12:33:33 PM
Gravatar
Total Posts 18439

Re: Form Wizard Pro - Instructions

I think it can be done with css, you'll have to look for the class name.

5/19/2009 12:43:30 PM
Gravatar
Total Posts 16

Re: Form Wizard Pro - Instructions

Here is wht I have found using firebug.

<div class="settingrow qparagraph">
<label id="ctl01_mainContent_ctl00_ctl88fa67cb3e12476b9718cdb4abb6c981_lbl88fa67cb3e12476b9718cdb4abb6c981" class="settinglabel" for="ctl01_mainContent_ctl00_ctl88fa67cb3e12476b9718cdb4abb6c981_txt88fa67cb3e12476b9718cdb4abb6c981">Comment / Special Request</label>
<br class="clear"/>
<textarea id="ctl01_mainContent_ctl00_ctl88fa67cb3e12476b9718cdb4abb6c981_txt88fa67cb3e12476b9718cdb4abb6c981" cols="60" rows="7" name="ctl01$mainContent$ctl00$ctl88fa67cb3e12476b9718cdb4abb6c981$txt88fa67cb3e12476b9718cdb4abb6c981"/>
<span id="ctl01_mainContent_ctl00_ctl88fa67cb3e12476b9718cdb4abb6c981_val88fa67cb3e12476b9718cdb4abb6c981" style="color: Red; visibility: hidden;">* Required</span>
</div>

I tried the following in CSS but got no where.

.qparagraph {cols="30" rows="3"}

also tried

.qparagraph {cols="30"; rows="3";}

Any ideas?

5/19/2009 12:45:12 PM
Gravatar
Total Posts 18439

Re: Form Wizard Pro - Instructions

try width and height not rows and cols.

width:300px;height:200px;

no = signs in css 

5/19/2009 12:48:43 PM
Gravatar
Total Posts 16

Re: Form Wizard Pro - Instructions

That's not working either. Does it look like I'm using the right selector name?

Please excuse my ignorance I'm very new to CSS.

 

Thanks,

Nick

5/19/2009 12:50:55 PM
Gravatar
Total Posts 18439

Re: Form Wizard Pro - Instructions

I would try this:

.qparagraph textarea { width:500px; height:400px; } 

5/19/2009 12:58:29 PM
Gravatar
Total Posts 16

Re: Form Wizard Pro - Instructions

Worked like a charm. Thanks, Joe.

 

Nick

You must sign in to post in the forums. This thread is closed to new posts.