行选择器上的Oracle Apex字体

Question

我被问到是否可以修改oracle apex交互式网格以使行选择器列更宽，更粗并添加标题是可能的。我知道如何对列执行此操作，但是我不确定交互式网格行选择器是否可行。任何帮助或示例都将有所帮助。。谢谢

Answer 1

哇，这是一个棘手的问题。我想我已经解决了（非常感谢John Snyders！）。假设IG的ID为'emp'，则应执行以下操作：

将以下CSS添加到CSS下页面的Inline属性中。这将处理复选框的样式，复选框中的复选标记，并且将显示列的标题，该标题默认情况下是隐藏的。如果要定位页面上的所有IG，则可以删除#emp选择器。

/* Style the box */
#emp .u-selector {
  border: 2px solid #000;
  padding: .5px;
}

/* Style the check in the box */
#emp .u-selector:before {
  font-weight: 900;
  color: #000;
}

/* Show the row selector column header */
#emp .a-GV-headerLabel {
  position: relative;
}
#emp .a-GV-table th {
  white-space: normal;
}

下一步，将以下JavaScript代码添加到页面的页面加载时执行属性中，在JavaScript下。

var igRegionId = 'emp';
var widgetInst = apex.region(igRegionId).call('getViews').grid.view$.grid().data('apex-grid');
var orgRefresh = widgetInst.refresh;

widgetInst.refresh = function() {
  orgRefresh.call(widgetInst);
  $('.u-vh.a-GV-headerLabel').text('Hello World!');
};

widgetInst.refresh();

最后，将以下JavaScript添加到IG区域>属性> JavaScript初始化代码。这将根据需要调整列的大小：

function(config) {
  config.defaultGridViewOptions = {
    rowHeaderWidth: 100
  };

  return config;
}