​Fixing the p13n dialog

[kenyuu]

In the P13N dialog displayed by pressing the "gear icon" on the Fiori screen,

Hide the part where you can select the tabs of "Column", "Sort", and "Filter" as shown in Figure (1),

I would like to change the layout to the one shown in Figure (2).

What do I need to fix to hide?

Thank you for your response.

Figure (1)

Figure (2)

[junwu]

this code works for me. you may have to adjust the code a bit based on your ui5 version.

 onAfterRendering: function () {                    $('body').on('DOMNodeInserted', "div[role='dialog']", function (oEvent) {                        var target = oEvent.currentTarget;                        if ($("div[role='dialog']").has("div[role='tablist'][class='sapMITBHead']").length > 0) {                            var dialog = $("div[role='dialog']").has("div[role='tablist'][class='sapMITBHead']").control()[0];                            $("div[role='tablist'][class='sapMITBHead']", target).css("visibility", "hidden");                            dialog.attachAfterOpen(function () {                                $("div[role='tablist'][class='sapMITBHead']", target).css("visibility", "hidden");                            });                        }                    });                },

[kenyuu]

Thank you. I was able to solve it.

By the way, I would like you to tell me one more thing.

Do you know how to hide items in the "Columns" tab that are not displayed in the list on the screen?

We look forward to your response.

[junwu]

what is your scenario?

[kenyuu]

I am sorry. I didn't understand it because I didn't know much about it.

What is a scenario?

The unchecked items are also displayed in the column tab, so I want to implement them hidden.

We look forward to hearing from you.

[junwu]

I mean your user story....or business requirement

if you just want to hide, without much thinking.

add this to the field in your cds.

@Consumption.hidden:true