[INVALID] CheckBox BoxLabel?
*NEW - Coolite Toolkit Version 0.6.0 now available for download or view examples.
 

Coolite Forums

Welcome Guest ( Login | Register )
 
[INVALID] CheckBox BoxLabel?
Subscribe
Last Login: Today @ 4:08:49 AM
Posts: 580,
Posted 6/19/2008 11:39:04 AM

Group: Coolite Premium Member & Early Adopter
Are you going to support text beside a checkbox?

Currently using:


<ExtJS:Checkbox runat="server" FieldLabel="Word?" Checked="True" />


Would expect it to render the check box with 'Word?' beside it.

Cheers


----
Timothy Grant Vogelsang
tvogelsang [at] gmail [dot] com
Coolite Toolkit 0.7 SVN (Professional Edition)
Microsoft .NET Framework 2.0
Microsoft ASP.NET Ajax 1.0

Last Login: Today @ 2:07:58 PM
Posts: 1,172,
Posted 6/19/2008 12:44:02 PM

Group: Core Development Team
Hi Timothy,

The FieldLabel property is a feature that will get applied by default once the <ext:FormPanel> control has been built. I had kind of just put off implementing the label feature for use outside of a FormPanel, but I take another look later today and see if we can build it in. This would be a helpful feature to have across the board.

Thanks for pointing out the missing functionality.
--
Geoffrey McGill
Coolite Inc.
Core Developer
twitter [personal] [coolite]
Last Login: Today @ 4:08:49 AM
Posts: 580,
Posted 6/20/2008 6:59:00 AM

Group: Coolite Premium Member & Early Adopter
Would you have another recommendation for having text beside a checkbox field?

Cheers


----
Timothy Grant Vogelsang
tvogelsang [at] gmail [dot] com
Coolite Toolkit 0.7 SVN (Professional Edition)
Microsoft .NET Framework 2.0
Microsoft ASP.NET Ajax 1.0

Last Login: Today @ 2:07:58 PM
Posts: 1,172,
Posted 6/24/2008 1:43:10 AM

Group: Core Development Team
Hi Timothy,

The following sample demonstrates a couple options for adding a Label to the Checkbox.

http://sandbox.coolite.com/Form/Checkbox/

By default the Checkbox is a block-level element which will wrap any adjacent text onto the next line. By setting the x-form-check-wrap Css style to "display:none;", the Checkbox is forced into an inline element.

Example

<style type="text/css">
    .x-form-check-wrap { display: inline; }
</style>


The sample also demonstrate a couple techniques for adding a "Check" Listener to the Checkbox.

Toolkit v0.5.3 or higher is required for the above sample.

Hope this helps.
--
Geoffrey McGill
Coolite Inc.
Core Developer
twitter [personal] [coolite]
« Prev Topic | Next Topic »
Reading This Topic
Active Users: 0 ( 0 guests, 0 members, 0 anonymous members )
No members currently viewing this topic.
All times are GMT -8:00, Time now is 2:19pm