4

我有这个创建装饰弹出面板的代码：

  ...
  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）并且内部小部件也有它的背景颜色（以及它自己的填充），我怎样才能改变这个蓝色框架的颜色？

4

2 回答 2

1

看来装饰**不能在 GAS 中重新装饰。我也想知道这一点（在使用装饰标签面板时）。我得出结论，这是不可能的。我使用了 Chrome 检查器，发现蓝色部分实际上是一组图像。所以这不是一个简单的 CSS 修复。

这个线程似乎有最终判决。

于 2013-02-26T22:39:34.490 回答
1

感谢其他答案的链接（指向James Ferreira 的网站），我能够构建这个更容易定制的新代码......

结果如下：

  ...
  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'可以在任何小部件上使用，也可以使用漂亮的按钮;-)

在此处输入图像描述

于 2013-02-26T22:48:36.447 回答