IG: how i can add text/header after Add Row button in same area

SmithJohn45

hi all,

working at apex.oracle.com

how i can add a Text as Header on IG after Add Row button? i want to save screen area.

regards

msammour

Just add a css code in page inline css:

#profileIg_ig_toolbar_staticId {
    color: red;
}

Where [profileIg] represent your IG static id, and [staticId] represent your static toolbar text.

msammour

Hi Smith,

Add this code in IG Attributes -> Advanced -> JavaScript Initialization Code

function(config) {
    let $ = apex.jQuery,
        toolbarData = $.apex.interactiveGrid.copyDefaultToolbar(),
        toolbarGroup = toolbarData.toolbarFind("actions3");

 toolbarGroup.controls.push({
 	type: "STATIC",
    label: "TEST",
    id: 'staticId'
});

    config.toolbarData = toolbarData;
    return config;
}

More can be found in https://www.stinolez.com/2018/10/25/interactive-grids-more-customization/

SmithJohn45

thanks @msammour

can i use HTML decoration like <h3> with style for text size and color? if yes will you please guide me for this?

regards

msammour

Just add a css code in page inline css:

#profileIg_ig_toolbar_staticId {
    color: red;
}

Where [profileIg] represent your IG static id, and [staticId] represent your static toolbar text.

SmithJohn45

thanks a lot for help 😍