Cwrapper preloader going wrong on iFrame mode (#1363)

* readme changed

* readme changed again

* removed some string from readme.txt

* Cwrapper preloader going wrong on iFrame mode

* Cwrapper preloader going wrong on iFrame mode

* Cwrapper preloader going wrong on iFrame mode

* Restore README file

* Fix logic to integarte IFrame with Preloader

* Add tip on documentation about tuning loading screen option

* Minor fix on iframe config docs

---------

Co-authored-by: Diego Smania <diego.smania@gmail.com>

Author: seb630

docs/sections/configuration/iframe_mode.md

@@ -19,3 +19,6 @@ options.use_navbar_items | bool | `true` | Whether to also open the top navbar m
 
 > [!Note]
 > Default values are only used when the related configuration option do not exists in the configuration file.
+
+> [!Tip]
+> You can tune the `loading_screen` value enough to hide visual anomalies that happens then loading a new **iframe tab**.

resources/views/master.blade.php

@@ -19,6 +19,14 @@
         @yield('title_postfix', config('adminlte.title_postfix', ''))
     </title>
 
+    {{-- IFrame Preloader Removal Workaround --}}
+    <!-- IFrame Preloader Removal Workaround -->
+    <style type="text/css">
+        body.iframe-mode .preloader {
+            display: none !important;
+        }
+    </style>
+
     {{-- Custom stylesheets (pre AdminLTE) --}}
     @yield('adminlte_css_pre')
 

resources/views/partials/cwrapper/cwrapper-iframe.blade.php

@@ -1,9 +1,18 @@
+@inject('layoutHelper', 'JeroenNoten\LaravelAdminLte\Helpers\LayoutHelper')
+@inject('preloaderHelper', 'JeroenNoten\LaravelAdminLte\Helpers\preloaderHelper')
+
 {{-- IFrame Content Wrapper --}}
-<div class="content-wrapper iframe-mode {{ config('adminlte.classes_content_wrapper', '') }}" data-widget="iframe"
+<div class="{{ $layoutHelper->makeContentWrapperClasses() }} iframe-mode"
+     data-widget="iframe"
      data-auto-show-new-tab="{{ config('adminlte.iframe.options.auto_show_new_tab', true) }}"
      data-loading-screen="{{ config('adminlte.iframe.options.loading_screen', true) }}"
      data-use-navbar-items="{{ config('adminlte.iframe.options.use_navbar_items', true) }}">
 
+    {{-- Preloader Animation (cwrapper mode) --}}
+    @if($preloaderHelper->isPreloaderEnabled('cwrapper'))
+        @include('adminlte::partials.common.preloader')
+    @endif
+
     {{-- IFrame Navbar --}}
     <div class="nav navbar navbar-expand navbar-white navbar-light border-bottom p-0">