Radio Button Problem with right-to-left language

#1 · July 15, 2019, 12:01 pm

I have a simple form that contains some inputs. One of input is radio button. I think the visual web has a problem with the Persian language the circle of radio button come over the caption text.

Take a look at this picture:

https://drive.google.com/file/d/14alxfaIByR357f2Pg8HplPb0TK45V5ji/view?usp=sharing

#2 · July 15, 2019, 12:30 pm

@asmat I'm quite sure it's possible to fix it with some CSS but will need a sample .neoapp to take a look.
Can you share a sample with us?

#3 · July 15, 2019, 1:12 pm

This a sample:

https://drive.google.com/uc?export=download&id=1GwBCWjRCaUJdNlSlaZuPJq6rpuslqVt9

#4 · July 15, 2019, 10:18 pm

@asmat, just add this CSS code to Project > Properties > Styles

.radio-inline label{
   margin-right:20px;
}

#5 · July 16, 2019, 2:30 pm

@asmat

VisualNEO works fine will all Languages +Persian.

You just have to add some css, i show you my example for some object including radio buttons:

کاری نداره، این استایل های من هست که برای دکمه رادیویی و چندتا چیز دیگه مشکل رو حل کرده، در قسمت استایل ها در تنظیمات پروژه ادشون کن:

.checkbox-inline, .radio-inline {
    padding-left: 0;
    padding-right: 20px;
}
.radio-inline input[type=radio] {
    margin-top: 10px;
    margin-right: -20px;
}
input[type="checkbox"]{
margin-left: 0;
margin-right: -20px;
top: 5px;
}
.glyphicon{
    margin-left: 3px;
    margin-right: 3px;
    top: 4px;
}
.progress-bar {
    float: right;
}

luishp has reacted to this post.

#6 · July 17, 2019, 9:02 pm

Thanks so much, bro!

noyzen has reacted to this post.

Radio Button Problem with right-to-left language - Forum

Radio Button Problem with right-to-left language