我有这个代码创建一个装饰的弹出面板:
...
var x = 600;
var y = 150+row*23;
var popPanel = app.createDecoratedPopupPanel().setStyleAttributes({background:'#FFFFDD',padding:'15px'});
var message = app.createHTML("Opération non reversible !!<BR>Il faudra 'rafraichir' votre navigateur<BR>"+
"après vous être effacé du planning (case ✖)<BR>pour voir les données à jour").setPixelSize(300,60).setStyleAttributes({background:'#FFFFDD',padding:'15px'});
popPanel.add(message);
popPanel.setAnimationEnabled(true);
popPanel.setPopupPosition(x, y);
popPanel.setAutoHideEnabled(true);
popPanel.show();// I didn't chain the commands to make it easier to test by commenting one or another...
return app;
}
它给出了这个结果:
我的问题是:知道背景属性确定了周围区域(弹出面板填充15px),内部窗口小部件也有其背景颜色(以及它自己的填充),如何更改此蓝框的颜色?
答案 0 :(得分:1)
似乎装饰**不能在GAS中重新装修。我也想知道这一点(使用装饰标签面板时)。我的结论是,这是不可能的。我使用了Chrome检查器,发现蓝色部分实际上是一组图像。所以它不是一个简单的CSS修复。
This thread似乎有最后的判决。
答案 1 :(得分:1)
感谢来自其他答案的链接(导致James Ferreira's site),我能够构建这个更容易定制的新代码......
以下是结果:
...
var x = 600;
var y = 150+row*23;
var popPanel = app.createPopupPanel().setStyleAttributes({background:'#ccccaa',padding:'5px', borderRadius:'15px 15px 15px 15px',borderColor:'#ffffdd',borderWidth:'5px'});
var message = app.createHTML("Opération non reversible !!<BR>Il faudra 'rafraichir' votre navigateur<BR>"+
"après vous être effacé du planning (case ✖)<BR>pour voir les données à jour").setPixelSize(300,60).setStyleAttributes({padding:'5px'});
popPanel.add(message); popPanel.setAnimationEnabled(true).setPopupPosition(x, y).setAutoHideEnabled(true).show();
return app;
}
borderRadius:'px px px px'
可用于任何小部件,允许使用漂亮的按钮; - )