Tab/Field minimized

[blondie63]

I've this strange behaviour:

bkp6-fields-on-tab-closed.mp4

Does anyone know why you have to click on the language to see the fields?
This my code:

    protected function setupCreateOperation()
    {
        $this->data['languages'] = ['it' => trans('backpack::base.it'),  'en' => trans('backpack::base.en')];
        CRUD::setValidation(NotificationRequest::class);

        CRUD::addField([
            'name' => 'creator_id',
            'type' => 'hidden',
            'value' => backpack_user()->id,
        ]);

        CRUD::addField([
            'name' => 'title',
            'label' => trans('backpack::base.title'),
            'tab' => trans('backpack::base.attributes'),
        ]);
        CRUD::field([
            'name'          => 'icon',
            'label'         => trans('backpack::base.icon'),
            'type'          => 'image',
            'aspect_ratio'  => 1,
            'crop'          => true,
            'withFiles'     => [
                'disk' => 'public',
                'path' => 'uploads',
            ],
            'tab' => trans('backpack::base.attributes')
        ]);

        if  ($this->data['prefix'] == 'company')
            {
                CRUD::addField([
                    'name' => 'company_id',
                    'type' => 'hidden',
                    'value' => Session::get('company')
                ]);
            }

        // Translate contents
        CRUD::addField([
            'name' => 'content',
            'label' => trans('backpack::base.content'),
            'type' => 'translate_entity',
            'edit_mode' => false,
            'tab' => trans('backpack::base.content'),
        ]);

    }

    protected function setupUpdateOperation()
    {
        $this->setupCreateOperation();

        $this->data["notifications"] = NotificationLanguages::where('notification_id', $this->crud->getCurrentEntryId())
        ->get()->toArray();

        CRUD::addField([
            'name' => 'content',
            'label' => trans('backpack::base.content'),
            'type' => 'translate_entity',
            'edit_mode' => true,
            'tab' => trans('backpack::base.content'),
        ]);
    }

[karandatwani92]

Hey @blondie63

It seems the issue is with the custom translate_entity field. Earlier, I had faced a similar problem with the easyMDE field while using tabs, which was fixed here.

Second, Here you find a recommended way to handle Translatable models and multi-language CRUDs.

Third, you should avoid the following field for user ID:

 CRUD::addField([
   'name' => 'creator_id',
   'type' => 'hidden',
   'value' => backpack_user()->id,
]);

Instead, You should Override the update() method and add it like this $this->crud->getRequest()->request->add(['author_id'=> backpack_user()->id]);

[blondie63]

Hi @karandatwani92 the link you posted "here" is wrong -> 404
I'm trying also to make changes you sudgested :) Thanks

[blondie63]

I share here my solution:

@push('after_scripts')
<script>
    $(document).ready(function() {
        // Listen for main tab changes
        $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
            var target = $(e.target).attr("href"); // Gets the ID of the activated tab
            if (target === '#tab_contenuto') {
                console.log("Tab contenuto attivato");

                // Activate the first language tab within the "Content" tab
                setTimeout(function() { // A slight delay may be necessary to ensure that the DOM is ready
                    $('#myTabs a:first').tab('show'); // Activate the first language tab with jQuery
                }, 100);
            }
        });

        // Check at startup whether the "Contents" tab is already active
        if(window.location.hash === '#tab_contenuto') {
            setTimeout(function() {
                $('#myTabs a:first').tab('show'); // Activate the first language tab with jQuery
            }, 100);
        }
    });
</script>
@endpush