docs: add some guidance to configure RTL mode about fluentui-blazor HOT 6 CLOSED

I inferred from marking this issue as "completed" that you are not interested in my contribution.

We absolutely are always interested in contributions!

But it was not clear to me that you want to do that from the first post. I closed it because it is on our ToDo list and no further action was needed on this for now. I'll reopen and label it as 'community contribution'. Looking forward to it!

You can use the implementation in the examples folder in this repo. This folder contains code for the current demo site. Please let us know if you have questions still.

from fluentui-blazor.

Of course. I have managed to reach a minimal configuration to correctly setup RTL mode at startup.

@* MainLayout.razor *@

@using Microsoft.FluentUI.AspNetCore.Components.DesignTokens
@inject Direction DirectionToken
@inherits LayoutComponentBase
...
@Body
...
<FluentDesignTheme Direction="@Direction" />
@code {
    LocalizationDirection Direction { get; set; }
    protected override async Task OnAfterRenderAsync(bool f)
    {
        await base.OnAfterRenderAsync(f);
        if(!f)
            return;
        await DirectionToken.WithDefault("rtl");
        Direction = LocalizationDirection.RightToLeft;
        StateHasChanged();
    }
}

Compontents like FluentTreeView have issues when just direction is switched (check FluentTreeView on demo site when "Right to Left" setting is on.)

Is it ok to add this snippet to docs?

from fluentui-blazor.

Yes, please. Let's add a RTL section in the https://www.fluentui-blazor.net/CodeSetup page

from fluentui-blazor.

That is a very old demo site you are looking at. Hence, why we say on the first line:

The site at this URL is no longer being updated. Visit https://www.fluentui-blazor.net/ for an up-to-date version.

We should indeed update the docs on that but too much to do in too little time...until that time, you can use the source of the demo site here in the repo (in the examples folder) as an example implementation.

from fluentui-blazor.

That is a very old demo site you are looking at.

I knew it was a very old demo site. I had to refer to it because the main documentation has no mention of this mode (I should have said "an old demo site".)

I have no problem with contributing to this part of documentation, but I could not find the correct way to configure it.

I inferred from marking this issue as "completed" that you are not interested in my contribution.

from fluentui-blazor.

@mobinseven are you still planning to contribute this?

If not, that is totally ok too, but then I'll close the issue to keep expectations straight.

from fluentui-blazor.