
Quote from asmat on August 31, 2019, 1:46 pmHow can I change the direction of "neoradio" CSS style right-to-left?
I have taken this style from (checkbox-CSS.neoapp) sample.
How can I change the direction of "neoradio" CSS style right-to-left?
I have taken this style from (checkbox-CSS.neoapp) sample.

Quote from luishp on August 31, 2019, 1:57 pmNot sure, but try adding this to Project > Properties > Styles
.neoradio{ direction: rtl; }
Not sure, but try adding this to Project > Properties > Styles
.neoradio{
direction: rtl;
}


Quote from luishp on August 31, 2019, 2:57 pmThis is the complete neoradio CSS code.
Perhaps someone with some time and right to left language knowledge can fix it:.neoradio [type="radio"]:not(:checked), .neoradio [type="radio"]:checked { position: absolute; left: -9999px; } .neoradio [type="radio"]:not(:checked) + label, .neoradio [type="radio"]:checked + label { position: relative; padding-left: 1.95em; cursor: pointer; } /* aspect */ .neoradio [type="radio"]:not(:checked) + label:before, .neoradio [type="radio"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; border: 0.15em solid #aaa; background: #fff; border-radius: 100px; } /* selected mark aspect */ .neoradio [type="radio"]:not(:checked) + label:after, .neoradio [type="radio"]:checked + label:after { content: "\2713\0020"; position: absolute; top: .2em; left: .2em; font-size: 1.1em; line-height: 0.8; color: #444444; transition: all .2s; font-family: 'Lucida Sans Unicode','Arial Unicode MS', Arial; } /* mark aspect changes */ .neoradio [type="radio"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .neoradio [type="radio"]:checked + label:after { opacity: 1; transform: scale(1); } /* disabled */ .neoradio [type="radio"]:disabled:not(:checked) + label:before, .neoradio [type="radio"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } .neoradio [type="radio"]:disabled:checked + label:after { color: #999; } .neoradio [type="radio"]:disabled + label { color: #aaa; } /* hover style just for information */ .neoradio label:hover:before { border: 0.15em solid #888!important; }
This is the complete neoradio CSS code.
Perhaps someone with some time and right to left language knowledge can fix it:
.neoradio [type="radio"]:not(:checked),
.neoradio [type="radio"]:checked {
position: absolute;
left: -9999px;
}
.neoradio [type="radio"]:not(:checked) + label,
.neoradio [type="radio"]:checked + label {
position: relative;
padding-left: 1.95em;
cursor: pointer;
}
/* aspect */
.neoradio [type="radio"]:not(:checked) + label:before,
.neoradio [type="radio"]:checked + label:before {
content: '';
position: absolute;
left: 0; top: 0;
width: 1.25em; height: 1.25em;
border: 0.15em solid #aaa;
background: #fff;
border-radius: 100px;
}
/* selected mark aspect */
.neoradio [type="radio"]:not(:checked) + label:after,
.neoradio [type="radio"]:checked + label:after {
content: "\2713\0020";
position: absolute;
top: .2em; left: .2em;
font-size: 1.1em;
line-height: 0.8;
color: #444444;
transition: all .2s;
font-family: 'Lucida Sans Unicode','Arial Unicode MS', Arial;
}
/* mark aspect changes */
.neoradio [type="radio"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0);
}
.neoradio [type="radio"]:checked + label:after {
opacity: 1;
transform: scale(1);
}
/* disabled */
.neoradio [type="radio"]:disabled:not(:checked) + label:before,
.neoradio [type="radio"]:disabled:checked + label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd;
}
.neoradio [type="radio"]:disabled:checked + label:after {
color: #999;
}
.neoradio [type="radio"]:disabled + label {
color: #aaa;
}
/* hover style just for information */
.neoradio label:hover:before {
border: 0.15em solid #888!important;
}