# How to applying css file to dhis2 form

**URL:** <https://community.dhis2.org/t/how-to-applying-css-file-to-dhis2-form/53349>\
**Category:** المجتمع العربي - Arabic Community\
**Created:** [6 June 2023 20:13 UTC](https://community.dhis2.org/t/how-to-applying-css-file-to-dhis2-form/53349 "2023-06-06T20:13:25Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![rehabm](https://dhis2.b-cdn.net/user_avatar/community.dhis2.org/rehabm/32/50019_2.png) [@rehabm](https://community.dhis2.org/u/rehabm)\
**Post date:** [6 June 2023 20:13 UTC](https://community.dhis2.org/t/how-to-applying-css-file-to-dhis2-form/53349/1 "2023-06-06T20:13:25Z")

</div>

السلام عليكم  
ارجو الافادة كيف يتم تطبيق ملف css للفورم  
مع العلم انها ليست custom form  
و شكرا جزيلا

---

<div class="post-metadata">

**Author:** ![mmonem](https://dhis2.b-cdn.net/user_avatar/community.dhis2.org/mmonem/32/39277_2.png) [@mmonem](https://community.dhis2.org/u/mmonem)\
**Post date:** [8 June 2023 10:17 UTC](https://community.dhis2.org/t/how-to-applying-css-file-to-dhis2-form/53349/2 "2023-06-08T10:17:27Z")

</div>

يمكن إضافة ال CSS المطلوب على ملف واستخدام ال API المناسبة لإضافة ال CSS المطلوب

لمزيد من المعلومات : [1.74 UI customization](https://docs.dhis2.org/archive/en/2.30/developer/html/webapi_ui_customization.html)

---

<div class="post-metadata">

**Author:** ![mmonem](https://dhis2.b-cdn.net/user_avatar/community.dhis2.org/mmonem/32/39277_2.png) [@mmonem](https://community.dhis2.org/u/mmonem)\
**Post date:** [8 June 2023 10:59 UTC](https://community.dhis2.org/t/how-to-applying-css-file-to-dhis2-form/53349/3 "2023-06-08T10:59:49Z")

</div>

للأسف يبدو إن مازال هناك مشاكل مرتبطة بتفعيل ال CSS الذي تم إضافته باستخدام الطريقة المذكورة

> [@UI Customization (style.css) not taking effect?](https://community.dhis2.org/t/ui-customization-style-css-not-taking-effect/44730):
>
> Hi all! I read in the DHIS2 Developer "Using the API " docs that it’s possible to customize the UI using CSS ([Settings and configuration - DHIS2 Documentation](https://docs.dhis2.org/en/develop/using-the-api/dhis-core-version-master/settings-and-configuration.html#webapi_customization_css)), so to test this out in play, I created my style.css file with my custom css: And the POST request result is okay: However, even though I tested that the CSS works 100% when using the developer tools in the browser, it doesn’t seem to take affect. Any reason why? I tried using the incognito and clearing the browser…

---

<div class="post-metadata">

**Author:** ![mozafar](https://dhis2.b-cdn.net/user_avatar/community.dhis2.org/mozafar/32/35442_2.png) [@mozafar](https://community.dhis2.org/u/mozafar)\
**Post date:** [16 June 2023 12:49 UTC](https://community.dhis2.org/t/how-to-applying-css-file-to-dhis2-form/53349/4 "2023-06-16T12:49:01Z")

</div>

المفروض أن تعمل الطريقة التي وصفها محمد وقاسم بدون مشاكل - الرجاء تجربتها وان لم تعمل، فاخبريني برقم الاصدار الذي تستخدمينه؟

يمكنك الاطلاع على هذه الbookmarklet التي قمنا بتطويرها وتحل بعض مشاكل اللغة العربية: [DHIS2 RTL Bookmarklet](https://dhis2.github.io/dhis2-rtl-bookmarklet/)

بها أيضا شرح لطريقة تطبيق ملف CSS، وقد تم اختبارها على dhis 2.39 و 2.40.