AppGini Community Forums

Code: Select all

// file: hooks/Bidders-dv.js
// get an instance of AppGiniDetailView class
var dv = AppGiniHelper. DV; 
// hide the id-field
dv.getField("ID").hide(); 
dv.setTitle('Bidder Details');
var BidderID = AppGiniHelper.DV.getField('ID');
var BidderID_value = BidderID.getValue();


// create a (full sized) row (width = 12) and
// add a headline "Bidder Info" ("#Bidder Info"), then 
// add fields "last_name", "first_name", then
// add a divider-line ("-"), then
// add fields "birth_date" and "age".
// beautify label-alignment (sizeLabels(2))
var row_1 = new AppGiniLayout([1,1,10])
    .add(1, ["#Bidder Info"])
    .add(2, ["ID"])
    .sizeLabels(2);
var row_2 = new AppGiniLayout([7, 5])
    .add(1, ["ContactID"])
    .add(2, ["BidNo"])
    .sizeLabels(2);
var row_3 = new AppGiniLayout([12])
    .add(1, ["-"]);

var row_4 = new AppGiniLayout([7, 5])
    .add(1, ["#Pre-Event", "BidderType", "TablePreference"])
    .add(2, ["#Event", "Card", "CheckedIn", "QuickPay", "TotalBids","TotalOwed","TotalPaid"]);

// create a variable "container" for easier handling of new action buttons
var container = dv. ActionButtons(); 

// create a group named "Links"
var group = container.addGroup("Links"); 

// add some links
group.addLink("Print Invoice", "bidder_invoice.php?BidderID=" + BidderID_value, Variation. Warning, "print"); 
group.addLink("Add Credit Card", "creditcard.php?BidderID=" + BidderID_value, Variation.Success, "credit-card"); 


// add two buttons for toggling the compact-mode with no text but icons "minus"/"plus"
group.addButton("Hide", function () { dv.compact(); }, null, "minus"); 
group.addButton("Show", function () { dv.compact(false); }, null, "plus"); 
group.addButton("Add Credit Card2", function openPopup() {
    // Replace 'https://www.example.com' with the desired URL
    window.open('creditcard.php?BidderID=1', '_blank', 'width=1000,height=600');
  });

Code: Select all

// file: hooks/TABLENAME-dv.js
// variable for detail view
const DV = AppGiniHelper.DV;

// custom buttons / create button-group
const group = DV.getActionButtons().addGroup("Links");

// create button
group.addButton("My 1st Button", function() {
    const id = DV.getSelectedID();
    const url = `calendar.php?id=${id}&Embedded=1`;
    const options = {
        title: "My Modal Dialog Title",
        url: url,
        size: "full"
    };
    modal_window(options);
}, Variation.default, "flash", ButtonAlign.Left);

Code: Select all

var actionbuttons = AppGiniHelper.DV.getActionButtons();

Code: Select all

var dv = AppGiniHelper.DV;
var actionbuttons = dv.getActionButtons();
// more code with dv.method() calls

Code: Select all

var dv = AppGiniHelper.DV;

Code: Select all

var DV = AppGiniHelper.DV;