Interactive Grid Archives - Page 2 of 3

Add Row | Focus column- gotoCell | Interactive Grid

Create a Dynamic Action: Create a Dynamic Action with the following settings: Event: Selection Change{IG} Selection Type: Execute JavaScript Code Copy CodeCopiedUse a different Browserapex.jQuery(document).ready(function() { // Get the Interactive…

Vikas Pandey January 21, 2024

APEX Interactive Grid

Interactive Grid shortcodes

Disable Reorder and Resize Copy CodeCopiedUse a different Browser// Disable Reorder and Resize column function(options){ options.defaultGridViewOptions = { reorderColumns: false, resizeColumns: false }; return options; } Hide Save Button Copy…

Ashish Sahay August 11, 2023

APEX IG Interactive Grid

Interactive Grid introduction | Ontoor Concepts #1

In this Video Ashish has given the brief introduction of Interactive GRID. Interactive Grid concepts. Why do we need Grid? How to create an interactive Grid? Data Sources Grid action Menu How…

Ashish Sahay April 25, 2022

APEX IG Interactive Grid

Interactive GRID | Custom Validation API

Referred from John’s cookbook sample app. Add Custom Validation to the Interactive Grid Interactive Grid Static ID - emp Use SAL as column Name for below example. JavaScript Code Copy CodeCopiedUse a…

Ashish Sahay October 11, 2021

APEX IG Interactive Grid

Interactive GRID | Custom Progress on Loading Data

Referred from John’s cookbook sample app. Execute when Page Loads // Add the progress indicator. An alternative would be to add this to a page template. $("#t_Header .t-Header-logo").append('<div id="progress" class="progress-bar stripes"><span></span></div>'); Interactive…

Ashish Sahay October 7, 2021

APEX IG Interactive Grid

Interactive GRID | Dynamic Column Total

Referred from John’s cookbook sample app. Interactive GRID Static ID - emp Grid Query SELECT EMPNO, ENAME, JOB, MGR, HIREDATE, SAL, COMM FROM emp Function and Global Variable Declaration Copy CodeCopiedUse a…

Ashish Sahay October 7, 2021

APEX IG Interactive Grid

Interactive GRID | Nested Table In Cell

Referred from John’s cookbook sample app. Inline css .gv-nested-tbl { border-collapse: collapse; width: 100%; } .gv-nested-tbl td, .gv-nested-tbl th { border: 1px solid #EAEAEA; } .a-GV-row { height: 50px; } Interactive Grid…

Ashish Sahay October 7, 2021

APEX Interactive Grid

Interactive GRID | Windows List View Style – Checkbox visible on hover

Referred from John’s cookbook sample app. Interactive GRID Appearance CSS Classes - ig-windows-style Page Inline CSS Copy CodeCopiedUse a different Browser.ig-windows-style .a-GV-table .a-GV-cell, .ig-windows-style .a-GV-table .a-GV-controlBreakHeader { border-color: transparent; } .ig-windows-style .a-GV-w-frozen…

Ashish Sahay October 7, 2021

APEX IG Interactive Grid

Interactive GRID | Hide Report Settings Area

Referred from John’s cookbook sample app. Interactive GRID Attributes Advanced JavaScript Initialization Code Copy CodeCopiedUse a different Browserfunction(config) { config.reportSettingsArea = false; apex.util.getNestedObject(config, "views.grid.features").highlight = false; return config; }

Ashish Sahay October 6, 2021

APEX Interactive Grid

Interactive GRID | Rows Per Page on Toolbar

Referred from John’s cookbook sample app. Interactive GRID Attributes Advanced JavaScript Initialization Code Copy CodeCopiedUse a different Browserfunction(config) { var $ = apex.jQuery, toolbarData = $.apex.interactiveGrid.copyDefaultToolbar(), toolbarGroup = toolbarData.toolbarFind("actions1"); toolbarGroup.controls.unshift( { type:…

Ashish Sahay October 6, 2021