Forum Discussion

gyanianand's avatar
gyanianand
Cloud Apps
05-17-2023

center align all widgets in dashboard

dashboard.on('widgetready', function (se, ev) {

// Widget IDs
var widgetIds = ['645216bac5715a00355a81b5', '645cc852c5715a00355b12ec', '64631a30c5715a00355b35c6',"646339bcc5715a00355b365f","64633ac6c5715a00355b3668","64633bd5c5715a00355b367b"]; // Add more IDs as needed

// Iterate over each widget ID
widgetIds.forEach(function(widgetid) {

if (ev.widget.oid == widgetid) {
var pivotWidth = parseFloat($('[widgetid=' + widgetid + '] pivot2 .pivot-container .multi-grid .pivot-scroller .table-grid', element).width());
var containerWidth = parseFloat($('[widgetid=' + widgetid + '] pivot2 .pivot-container', element).width());

if (pivotWidth < containerWidth)
$('[widgetid=' + widgetid + '] pivot2 .pivot-container', element).css('margin-left', 'calc(50% - ' + (pivotWidth / 2) + 'px)');
}

});
});

Technology

1 Reply

Replies have been turned off for this discussion
  • Sijo1995's avatar
    Sijo1995
    Cloud Apps
    06-16-2023

    Hi gyanianand ,

    Please try this script

    dashboard.on('widgetready', function (se, ev) {
  // Get all the widgets in the dashboard
  var widgets = dashboard.getWidgets();

  // Loop through all the widgets
  for (var i = 0; i < widgets.length; i++) {
    // Center align the widget
    widgets[i].setAlignment('Center');
  }
});

    Thanks

    Sijo