Switch (mobile) control does not stretch

[barbossusus]

Switch (mobile) control does not stretch to accommodate for large labels.

By executing the following code, switch control labels are truncated:

var someSwitch = new Switch({
	value: "on",
	leftLabel: "thisIsAnExtraLongStringLeftLabel",
	rightLabel: "thisIsAnExtraLongStringRightLabel"
}, someinputElement);
someSwitch.startup();

[ykami]

You need to override some styles. What version of dojo mobile are you using, 1.7 or trunk?

[trac-o-bot]

Because we get so many tickets, we often need to return them to the initial reporter for more information. If that person does not reply within 14 days, the ticket will automatically be closed, and that has happened in this case. If you still are interested in pursuing this issue, feel free to add a comment with the requested information and we will be happy to reopen the ticket if it is still valid. Thanks!

[Sebastien Pereira]

A new property customWidth in dojox.mobile.Switch widgets will allow to easily specify the widget width if the label does not fit with the default width 100px. Example of usage:

<div data-dojo-type="dojox.mobile.Switch" 
    value="off" 
    leftLabel="Enabled"
    rightLabel="Disabled"
    customWidth=120 >
</div>

Display results with a 120 custom width to display labels Start/Stop, Opened/Closed, Enabled/Disabled.

[Sebastien Pereira]

This patch introduce a new property *customWidth* for dojox.mobile.Switch widgets. This property allows to override the default width without having to deal with CSS properties. Also contains updates of Switch test cases (Sebastien Pereira, IBM CCLA).

[Sebastien Pereira]

Changes submitted in ​https://github.com/dojo/dojox/pull/10

[Sebastien Pereira]

​https://github.com/dojo/dojox/pull/10 updated to use CSS style "width" instead of custom property.

[Damien Mandrioli <dmandrioli@…>]

In 5abd3a3fd5c8fc7237096a2d16bb38b45d5a526e/dojox:

Error: Processor CommitTicketReference failed

Unsupported version control system "git": Can't find an appropriate component, maybe the corresponding plugin was not enabled? 

[Adrian Vasiliu <vasiliu@…>]

In 13bdef6e70fc826529a3c3c597e1f4492fb41fd0/dojox:

Error: Processor CommitTicketReference failed

Unsupported version control system "git": Can't find an appropriate component, maybe the corresponding plugin was not enabled? 

[Adrian Vasiliu]

@seb, wouldn't be nice to add a note to the doc (reference and maybe API too) about the new feature?

@dmandrioli, let's not forget to also commit it for D2.

[Damien Mandrioli]

Reopened because this commit breaks todo-app dojox/app demo

[Sebastien Pereira]

It broke todo-app dojox/app demo because custom sizing calculations were done in the postCreate function. It is now done in resize(), called from startup() to ensure the widget is attached to the DOM.

Fix in PR46: ​https://github.com/dojo/dojox/pull/46

[Sebastien Pereira]

Replying to Adrian:

@seb, wouldn't be nice to add a note to the doc (reference and maybe API too) about the new feature?

Adrian, I've made this PR to address this point: ​https://github.com/dojo/docs/pull/94

[Adrian Vasiliu]

@seb, thanks, please see my comments in the PR.

[Sebastien Pereira]

#17336 is a duplicate of this ticket.

[Damien Mandrioli]

Fixed in ​https://github.com/dojo/dojox/commit/5cfae8a68a6948baef4714cb36e068816efc7d88

[Adrian Vasiliu]

This has a side-effect on the templating of the switch. See #18048.