On/Off toggle buttom

[Fanny144]

I continue with the same problem.
Happens when loading a form with loadForm and between the values ​​must be loaded one or more toggles.
toggles.png
The toggles with NO have the corect value, the others the thumb isn't clear. It's more to the rigth. But if I click on any of them display correctly, the toggles don't look good only when loading.

Thanks

[tomalex0]

@fanny
Thanks for the screen shots, can you provided me details on your testing environment.
Is it web browser or device , which version?

Can you also provide demo code you trying.

[Fanny144]

I think I fix it, but anyway thanks for the interest.
I delete

this.onOrientationChange()

in setValue

[iconcells]

It woulds as expected. many thanks

[larimer]

Just wanted to share a method I just cooked up.. pretty simple really, and my case only required one instance, so eager to hear suggestions-

The button:

items: [
	{
		xtype: 'button',
		text: 'Menu',
		toggle: 'open'
	}
]

The controller:

init: function(){
	this.control({
		'button[toggle]': {
			tap: function(btn) {
				if (btn.toggle == 'open'){
					btn.toggle = 'close';
					btn.setUi('action');
					console.log('Open!');
				} else {
					btn.toggle = 'open';
					btn.setUi('default');
					console.log('Close!');
				}
			}
		}
	});
}

[kalor]

I'm confused. I tried to implement this but the CSS validator falls over on the ::after and ::before with "The pseudo-element ::before can't appear here in the context css2".

But that's using the code on the first page of this thread, BEFORE you added the CSS3 solution.

I also can't find a way to get Eclipse to use CSS3 validation and shut up.

How do I use any of this?

[Sasha172]

Cool. Moved to examples/showcases.


Should we offer an extensions forum?

YES you TOTALLY should