Problem/Motivation

The primary navigation toolbar on a Varbase site does not display correctly when the interface is set to Right-to-Left (RTL) language such as Arabic. The toolbar layout remains Left-to-Right (LTR), misaligning elements and disrupting the user experience in RTL mode.

Steps to reproduce

  1. Go to a Varbase website with RTL language enabled (e.g., Arabic).
  2. Create or view a page with Arabic content.
  3. Observe the main navigation toolbar layout.

Navigation in RTL with a minimal view

Proposed resolution

Consider verifying if the theme or layout settings override the default RTL handling of Bootstrap/Varbase.

Remaining tasks

  • ✅ File an issue about this project
  • ✅ Addition/Change/Update/Fix to this project
  • ✅ Testing to ensure no regression
  • ➖ Automated unit/functional testing coverage
  • ➖ Developer Documentation support on feature change/addition
  • ➖ User Guide Documentation support on feature change/addition
  • ➖ UX/UI designer responsibilities
  • ➖ Accessibility and Readability
  • ✅ Code review from 1 Varbase core team member
  • ✅ Full testing and approval
  • ✅ Credit contributors
  • ✅ Review with the product owner
  • ✅ Update Release Notes and Update Helper on new feature change/addition
  • ✅ Release varbase-10.1.0-alpha2, varbase_core-10.1.48, varbase-10.0.6, varbase_core-10.0.47

Varbase update type

  • ✅ No Update
  • ➖ Optional Update
  • ➖ Forced Update
  • ➖ Forced Update if Unchanged

User interface changes

After the fix

-





API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

  • Issue #3521391: Fixed Navigation Toolbar Misalignment in RTL Layout

Comments

rajab natshah created an issue. See original summary.

  • rajab natshah committed dc90901e on 10.1.x
    Issue #3521391: Fix Navigation Toolbar Misalignment in RTL Layout
    

  • rajab natshah committed 6c6e8ee1 on 10.0.x
    Issue #3521391: Fix Navigation Toolbar Misalignment in RTL Layout
    
rajab natshah’s picture

Assigned: rajab natshah » s.halawani
Issue summary: View changes
Status: Active » Needs review
Issue tags: +varbase-10.1.0-beta1, +varbase_core-10.1.48, +varbase-10.0.6, +varbase_core-10.0.47
StatusFileSize
new101.17 KB
new128.53 KB
new329.2 KB
new340.68 KB
new142.68 KB
new156.77 KB
rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture

Assigned: s.halawani » Unassigned
Issue summary: View changes
Status: Needs review » Fixed
rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture

Issue summary: View changes

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.

rajab natshah’s picture

Issue tags: -varbase-10.1.0-beta1 +varbase-10.1.0-alpha2
rajab natshah’s picture

Issue summary: View changes

✅ Released varbase-10.0.6

rajab natshah’s picture

Issue summary: View changes