Showing posts with label query panel. Show all posts
Showing posts with label query panel. Show all posts

Saturday, 23 November 2013

How to hide “Advance” button and “Saved Search” dropdown in query panel in UI layer

This blog we will see how to hide the “Advance” button and “Saved Search” dropdown in query panel. The below screen is the query panel 
                             

 For hiding the “Advance” button we need to set modeChangeVisible="false" and for hiding the “Saved Search” dropdown, we need to set saveQueryMode="hidden" in af:query component. The below af:query code is

<af:query id="qryId1" headerText="Search" disclosed="true"           
value="#{bindings.EmployeesVOCriteriaQuery.queryDescriptor}" 
model="#{bindings.EmployeesVOCriteriaQuery.queryModel}" 
queryListener="#{bindings.EmployeesVOCriteriaQuery.processQuery}" queryOperationListener="#{bindings.EmployeesVOCriteriaQuery.processQueryOperation}"  resultComponentId="::resId1" binding="#{backingBeanScope.backing_QueryPanel.qryId1}" styleClass="AFQueryHideAddFields" modeChangeVisible="false" saveQueryMode="hidden"/>

Now refresh your page
                        
 Thanks...

Tuesday, 1 October 2013

Hide the 'Add Fields' button in query panel Advance mode

This below blog we will see how to hide the ‘Add Fields’ button in the advanced mode. This below window is the query panel.

                              

Now we need to click ‘Advance’ button. The below window is the advance mode of query panel.

                                 
Now we will see how to hide ‘Add Fields’ button in advance mode query panel using ADF skin.First we need to create an ADF skin in source folder. For this, add a new ADF skin and follow the below configuration.






Open the source tab in the skin file. Now we need to add the below custom class for hiding the ‘Add Fields’ button.

/**ADFFaces_Skin_File / DO NOT REMOVE**/
@namespace af "http://xmlns.oracle.com/adf/faces/rich";
@namespace dvt "http://xmlns.oracle.com/dss/adf/faces";
.AFQueryHideAddFields af|query::footer-facet-content-style
{
  display: none;
}


Now we need to add the custom class “AFQueryHideAddFields” in af:query component. The code is below

<af:query id="qryId1" headerText="Search" disclosed="true" 
      value="#{bindings.EmployeesVOCriteriaQuery.queryDescriptor}"
      model="#{bindings.EmployeesVOCriteriaQuery.queryModel}"                                      queryListener="#{bindings.EmployeesVOCriteriaQuery.processQuery}"                    queryOperationListener="#{bindings.EmployeesVOCriteriaQuery.processQueryOperation}"
resultComponentId="::resId1"         binding="#{backingBeanScope.backing_QueryPanel.qryId1}"
        styleClass="AFQueryHideAddFields"/>


Now you run your page and check the ‘Add Fields’ button will not display in advance mode of query panel.

Thanks...