[Muhammad]

My toggle is broken like this picture. How to fix it?

See attachment toggle.png

I use MobiOne Studio 2.5.0M2HF1 version.

Advice please.

Attachments:

You must be logged in to view attached files.

[support-octavio]

Hi Muhammad,

0) in what environment was this screenshot taken?
For example if on a device please provide the device model and OS version. If in the Test Center or Mobile Web Simulator or other browser please share that info.

1) Has is it previously rendered the toggle correctly and just stopped?

2) Try adjusting the toggle’s position in the designer just a bit and force mobione to regenerate the code for this screen. Then rerun it. If the issue continues we will need you to share the design file (.mobi) that is causing this. Or better if you can replicate this toggle issue in a simpler example design that would be great if you can share it.

[SonamGyato]

I looked at the app.css file and if i comment out the following – it works fine.

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2)
{
.m1-toggle input[type=’checkbox’]{
-webkit-background-size: 149.0px 27.0px;
background: transparent url(res/images/on_off_2x.png) -55.0px 0px no-repeat;
}
}

[Muhammad]

Sorry, I found the problem. I put css like this, and the toggle was broken.
It was in Test Center.

input[type=checkbox]
{
    margin:10px;
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 0px 10px 0px 10px;
}

This issue was solved.

Thank you so much.

[support-octavio]

Hi Muhammad,

Thanks for sharing your solution. I’ve marked the thread as closed.

[Author]

Posts