Derokki

To edit Webflow Form States (Success & Error Message) on Secondary Locales, use the Attribute "rf-display=none" from the RTLflow 2.0 Styleguide. Use the following Code: <style> [rf-display = "block"] { display: block !important; } </style> Check out the Tutorial here! https://lnkd.in/eWshs6HG

If you've built Multilanguage Webflow sites, you know about the Limitations of Editing Secondary Locales 😥 So I created a simple solution to edit Typography, Display, Widths, Text Alignment & more using CSS Attributes. Works for any framework (RTLflow 2.0, Client-First)! Enjoy! https://lnkd.in/eBc2gmEM

How to convert Webflow CMS Dates into Arabic - Lesson 11 of the RTLflow 2.0 Course. Enjoy! https://lnkd.in/e59zDtYQ

Sharing a few tricks on creating RTL Webflow Navbars. Lesson 10 of the RTLflow 2.0 Course :) https://lnkd.in/epj8MjAr

How to create RTL-friendly Sliders using SplideJS + Swiper JS: In reference to my latest video about RTL Webflow Sliders - I wanted to share some afterthoughts: 1. If you're using SplideJS: -> Add following line at beginning of script: let dir = document.documentElement.getAttribute("dir") || "ltr"; -> add following line inside for-loop: direction: dir, SplideJS Slider will now automatically run correctly, based on the HTML dir attr! Example: https://lnkd.in/ekP7j6zS Read-Only Link: https://lnkd.in/eTk444aK ----- 2. If you're using SwiperJS: SwiperJS automatically runs correctly based on the HTML dir attr - no need to make any changes! Example: https://lnkd.in/engp4iXY Hope this helps!

How to create RTL-friendly Sliders using SplideJS + Swiper JS: In reference to my latest video about RTL Webflow Sliders - I wanted to share some afterthoughts: 1. If you're using SplideJS: -> Add following line at beginning of script: let dir = document.documentElement.getAttribute("dir") || "ltr"; -> add following line inside for-loop: direction: dir, SplideJS Slider will now automatically run correctly, based on the HTML dir attr! Example: https://lnkd.in/ekP7j6zS Read-Only Link: https://lnkd.in/eTk444aK ----- 2. If you're using SwiperJS: SwiperJS automatically runs correctly based on the HTML dir attr - no need to make any changes! Example: https://lnkd.in/engp4iXY Hope this helps!

New Video - How to build RTL Sliders in Webflow! https://lnkd.in/etNKS3jV I've linked a free RTL Slider Cloneable below: https://lnkd.in/eTkGt_Hu

To mirror CSS Border on RTL websites, we want to use the Logical CSS Properties of "border-inline-start" & "border-inline-end" - as explained in Lesson 8 of our RTL Web Development course: https://lnkd.in/e7JycPyw

With English-Arabic Webflow sites, you want certain elements to mirror based on the language direction (f.e. Icons, Arrows, Background Gradients). Here's a new video, explaining how to mirror elements in Webflow, using the RTLflow 2.0 Styleguide. Enjoy! https://lnkd.in/e7JycPyw

You can flip Absolute Positioning on RTL by using Logical Custom Properties: - inset-inline-start (instead of position: left) - inset-inline-end (instead of position: right) This is useful for Bidirectional Slider Arrow Positioning or Sidebars. Here's a new video explaining the topic: https://lnkd.in/etNn4x87