Open Closed

jsTree in RTL does not work well #3166


User avatar
0
yasin.hallak.89@gmail.com created
  • ABP Framework version: v5.0.0
  • UI type: MVC 5
  • DB provider: EF Core 5
  • Tiered (MVC) or Identity Server Separated (Angular): 5no
  • Steps to reproduce the issue:"
  • Hi support ..

jsTree libaray does not work well in RTL like figure below :

the question why does not work as a tree .


5 Answer(s)
  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    We wil check it.

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    We will fix it in : https://github.com/abpframework/abp/pull/12838

    For now, you can try put the PermissionManagementModal.cshtml under Pages/AbpPermissionManagement as a temporary solution:

    PermissionManagementModal.cshtml

    @page
    @using Microsoft.AspNetCore.Mvc.Localization
    @using Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.Modal
    @using Volo.Abp.PermissionManagement.Localization
    @using Volo.Abp.PermissionManagement.Web.Pages.AbpPermissionManagement
    @model Volo.Abp.PermissionManagement.Web.Pages.AbpPermissionManagement.PermissionManagementModal
    @inject IHtmlLocalizer<AbpPermissionManagementResource> L
    @{
        Layout = null;
    }
    
    <form method="post" asp-page="/AbpPermissionManagement/PermissionManagementModal" data-script-class="abp.modals.PermissionManagement" id="PermissionManagementForm">
        <abp-modal size="Large">
            <abp-modal-header title="@(L["Permissions"].Value) - @Model.EntityDisplayName"></abp-modal-header>
            <abp-modal-body class="custom-scroll-container">
                <abp-input asp-for="SelectAllInAllTabs" check-box-hidden-input-render-mode="CheckBoxHiddenInputRenderMode.None" label="@L["SelectAllInAllTabs"].Value"/>
                <hr class="mt-2 mb-2"/>
                <input asp-for="@Model.ProviderKey"/>
                <input asp-for="@Model.ProviderName"/>
                <abp-tabs name="PermissionsTabs" tab-style="PillVertical" vertical-header-size="_4" class="custom-scroll-container">
                    @for (var i = 0; i < Model.Groups.Count; i++)
                    {
                        var group = Model.Groups[i];
                        <abp-tab title="@group.DisplayName" name="v-pills-tab-@group.GetNormalizedGroupName()">
                            <h4>@group.DisplayName</h4>
                            <hr class="mt-2 mb-3"/>
                            <div class="w-100" style="max-height: 640px;overflow-y: auto">
                                <div class="ps-1 pt-1">
                                    <abp-input asp-for="@group.IsAllPermissionsGranted"
                                               check-box-hidden-input-render-mode="CheckBoxHiddenInputRenderMode.None"
                                               name="SelectAllInThisTab"
                                               id="SelectAllInThisTab-@group.GetNormalizedGroupName()"
                                               data-tab-id="v-pills-tab-@group.GetNormalizedGroupName()"
                                               label="@L["SelectAllInThisTab"].Value"/>
                                    <hr class="mb-3"/>
                                    @for (var j = 0; j < group.Permissions.Count; j++)
                                    {
                                        var permission = group.Permissions[j];
                                        <abp-input asp-for="@permission.IsGranted"
                                                   check-box-hidden-input-render-mode="CheckBoxHiddenInputRenderMode.None"
                                                   abp-id-name="@Model.Groups[i].Permissions[j].IsGranted"
                                                   label="@permission.GetShownName(Model.ProviderName)"
                                                   disabled="@permission.IsDisabled(Model.ProviderName)"
                                                   group-data-permission-name="@permission.Name"
                                                   group-data-parent-name="@(permission.ParentName ?? "")"
                                                   group-style="margin-inline-start: @(permission.Depth * 20)px"/>
                                        <input asp-for="@permission.Name" abp-id-name="@Model.Groups[i].Permissions[j].Name"/>
                                    }
                                </div>
                            </div>
                        </abp-tab>
                    }
                </abp-tabs>
            </abp-modal-body>
            <abp-modal-footer buttons="@(AbpModalButtons.Cancel|AbpModalButtons.Save)"></abp-modal-footer>
        </abp-modal>
    </form>
    
    
  • User Avatar
    0
    yasin.hallak.89@gmail.com created

    Okay thanks .. How I can set default language RTL On Startup Application ???

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    The exact solution to your question has been answered before

    See: https://support.abp.io/QA/Questions?Sort=LastActivityDate-desc&Filter=%22default+language%22

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Because your major problem is solved, so I'm closing the question, reopen if still not working.

Made with ❤️ on ABP v9.1.0-preview. Updated on December 05, 2024, 12:19