Change multiple choices direction

  • Profile Image
    omaralraee
    Asked on October 26, 2020 at 09:51 AM

    Dear Jotform team,

    Please see the attached pic and help me with css code to change the item direction, I want to start no 1 from the right side then 2, 3 ... etc

    Now option 1 is starting from left to right and this’s not correct as my form is on Arabic language.


    Regards

  • Profile Image
    Cecile_A
    Answered on October 26, 2020 at 11:44 AM

    Hello omaralraee,

    Is this what you are trying to achieve?

    1603726698_5f96ed6a2329d_4.png

    If that is the case, Go to Multiple Choice Properties -> Options -> Add the numbers in reverse order

    1603726835_5f96edf3cfa0a_5.png

    Let us know if this is your requirement or not. Thanks.

  • Profile Image
    omaralraee
    Answered on October 26, 2020 at 12:56 PM

    Thanks a lot, that’s solved the issue

    Another Issue please, I have selected (spread to 2 columns), on the builder it’s working fine (#pic1 ) but when I run the form it seems the feature isn’t active (pls see #pic 2).

    Could you help please

    #pic1

    1603731292_5f96ff5c37b5c_Screen Shot 202


    #pic 2

    1603731369_5f96ffa91394b_Screen Shot 202

  • Profile Image
    Cecile_A
    Answered on October 26, 2020 at 03:55 PM

    To achieve you requirement, we will need to (1)re-arrange the order of items in options and (2)inject custom CSS code.

    (1)re-arrange the order of items in options

    Kindly Go to Multiple Choice Properties -> Options

    1603741782_5f9728564893e_

    Copy the following:

    {2} التزام الطالب بتحضير الدرس الجديد في المنزل.

    (4) التزام المعلم بالتسميع لكل طالب على حدة.

    (6) تعويد الطلاب على كيفية الوقف والابتداء.

    (8) مقدار الدرس مناسب لقدرة الطالب.

    (10) تعويد الطلاب على استخدام إصبع السبابة اليمنى أثناء القراءة.

    (12) التزام المعلم بالتسميع لكل طالب في وقته المحدد.

    (14) إيقاف الطالب عن إكمال الدرس في حال ملاحظة ضعف النت لدى الطالب.


    (1) التزام المعلم بفتح غرف للطلاب الضعاف للتسميع التجريبي للدرس.

    (3) إغلاق المعلم لأصوات الطلاب وفتح صوت الطالب المسمع للدرس فقط.

    {5} تعويد الطلاب على كيفية حفظ وتحضير الدرس الجديد.

    {7} التزام المعلم بعدم السماح بالأخطاء التلقينية والتجويدية.

    (9) هل المعلم ملتزم بالحد الأدنى لمقدار الدرس لكل طالب.

    {11} التزام المعلم بعدم السماح بأي خطأ تشكيلي في الدرس.

    {13} التزام المعلم بتطبيق الآلية الحديثة لنظام التلاوة.

    {15} التزام المعلم بالوقت المحدد لتسميع الدرس.

    (2)inject custom CSS code

    Please inject the following custom CSS code below:

    #cid_361{

     column-count: 2;

     display: block;

    }

    .form-multiple-column[data-columncount="2"] .form-radio-item, .form-multiple-column[data-columncount="2"] .form-checkbox-item{

     width: 100%;

    }

    Guide: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    Result:

    1603742060_5f97296c70751_8.png

    Please give this a try and let us know how it goes.

  • Profile Image
    Cecile_A
    Answered on October 26, 2020 at 04:05 PM

    Please do not forget to check the calculation values of each item to ensure that they retain their original calculation values.1603742701_5f972bed0a526_10.png

    Thank you.