In this Oracle APEX Tutorial, I will tell you the simplest method for hide Interactive Grid Report Setting Area And hide Interactive Report Setting Area in Oracle APEX.
Basically, Interactive Grid And Interactive Report Setting Area take more spaces on the webpage when you have added some filter. So some users don't want to display these report setting areas on the page.
How to Hide Interactive Grid Setting Area in Oracle APEX?
As you have seen in the above screenshot with red mark that is interactive grid report setting area in oracle apex and we are hiding that interactive grid report setting area with the help of javascript.
It is very Simple in Interactive Grid. Please Follow the below Javascript Code.
- Interactive Grid >Attributes>Advanced >JavaScript Initialization Code
function(config) {
config.reportSettingsArea = false;
// may want to disable the highlights feature. Comment out this code to make initial highlight settings
apex.util.getNestedObject(config, "views.grid.features").highlight = false;
return config;
}
How to Hide Interactive Report Setting Area in Oracle APEX?
As you have seen in the above screenshot with red mark we are hiding that setting area in the Interactive Report.
First of all, you have to add Static Id (IR_HIDE) on Interactive Report Below Screenshot will help you.
Now Add Below CSS into your Page Inline Section
#IR_HIDE_control_panel{
display:none;
}
That's all for today, I think (Hide Interactive Grid And Interactive Report Setting Area in Oracle APEX) post will helpful for you. If you like the post then comments in the comment box.
2 Comments
Hi
ReplyDeleteHope you are well. I am new to Oracle Apex. Could you help me to solve a problem plz?
I have an iteractive grid report with as (pname, prate, pqty, item_total) columns on a sub region of modal Wizard page. From the interactive grid I want to get SUM of item_total column value to a page item (text field) when pqty or prate columns value changed.
I hope you could help me solve this problem.
Thanks in advance.
To remove completely the settings regions of an interactive Grid you can do past the below code in PAGE>>CSS>>inline .a-IG-controlsContainer { display:none; }
ReplyDeleteIf you have any doubts, Please let me know