Unit 7: Managing and Customizing

Interactive Grids

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 2
Lesson Objectives
After completing this lesson, you should be able to:
• Manage interactive grid attributes
• Control Interactive Grid Pagination
• Customize the Interactive Grid Toolbar
• Enable Users to Save Public Interactive Grids
• Customize interactive grid as an end user

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 3
Part 1: Customizing an Interactive Grid as a Developer

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 4
Making an Interactive Grid Editable
Read-only Interactive Grid

Editable Interactive Grid

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 5
Adding Column Group Headers
Column groups defined: Identity, Compensation, Notes

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 6
Adding Column Group Headers: Example and Steps
Assigning column groups to columns

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 7
Controlling Interactive Grid Pagination: Example 1

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 8
Controlling Interactive Grid Pagination: Example 2

Scroll Paging
Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 9
Enabling Users to Save Public Interactive Grids

End User Saves Public Report

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 10
Modifying the SQL Source of an Interactive Grid

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 11
Part 2:Customizing an Interactive Grid as an End User

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 12
Searching in an Interactive Grid
Searching all text columns

Searching a specific column

Enable / disable filter Remove filter

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 13
Rearranging and Resizing Columns
Rearranging columns by drag and drop

Resizing a column

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 14
Sorting Columns in an Interactive Grid
Sort ascending

Sort descending

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 15
Using Interactive Grid Components: Column Heading Menu
Search Bar
Sort Order Buttons

Buttons toolbar

Text Filter

Control Break Aggregate

Freeze Hide
Unique list Of
Column Content

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 16
Using Interactive Grid Components: Actions Menu

Format Submenu

Data Submenu

Actions Menu

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 17
Using Charts in an Interactive Grid
1

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 18
Using Charts in an Interactive Grid
3

Chart View

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 19
Changing the Column Display in an Interactive Grid
1

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 20
Changing the Column Display in an Interactive Grid
3

4
Adjusting the Toggling the
column display columns button
order

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 21
Creating a Column Filter
1 2

Projects with budget greater than 1000

are displayed

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 22
Adding Highlighting to an Interactive Grid
2

Rows with project cost greater

than 500 are highlighted

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 23
Creating a Control Break in an Interactive Grid
2
Control break on projects

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 24
Saving your Customized Interactive Grid as a Report

Interactive grid saved

as a private report
Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 25
Downloading or Emailing an Interactive Grid
1 2

Report sent as Email attachment

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 26
Refreshing an Interactive Grid
Update an interactive grid with the most current data available on the database

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 27
Reversing an Interactive Grid to a Previous State
1

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 28
Summary
In this lesson, you learned how to:
• Manage interactive grid attributes
• Control Interactive Grid Pagination
• Customize the Interactive Grid Toolbar
• Enable Users to Save Public Interactive Grids
• Customize interactive grid as an end user

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 29
Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 30
Hands-on Lab

Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 31
Copyright © 2019 Oracle and/or its affiliates. All rights reserved. Licensed under the Creative Commons Attribution 4.0 International License as shown at https://creativecommons.org/licenses/by/4.0/legalcode. | 32