Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

how to make matblazor RTL (right to left)

I'm new to Blazor and recently I'm learning it.

Does anyone knows how to make Matblazor components Right To Left ?

like image 275
Arash.Zandi Avatar asked Oct 28 '25 05:10

Arash.Zandi


1 Answers

You need to add dir=rtl to the body or a element that you want to create this effect (if you add this in a div, it will only apply to the elements inside that div).

Working example:

<body dir="rtl">
    <app>Loading...</app>

    <div id="blazor-error-ui">
        An unhandled error has occurred.
        <a href="" class="reload">Reload</a>
        <a class="dismiss">🗙</a>
    </div>
    <script src="_framework/blazor.webassembly.js"></script>
    <script src="_content/MatBlazor/dist/matBlazor.js"></script>
</body>

Pictures:

Add RTL direction to page

The result

like image 157
mhdcindioglu Avatar answered Oct 29 '25 21:10

mhdcindioglu