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

他の回答からのリンクのおかげで（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 に答える
1

装飾**はGASで再装飾できないようです。私もこれを疑問に思っていました（装飾されたタブパネルを操作する場合）。ありえないと結論付けました。Chrome インスペクタを使用したところ、青い部分が実際には一連の画像であることがわかりました。したがって、単純な CSS 修正ではありません。

このスレッドには最終的な評決があるようです。

于 2013-02-26T22:39:34.490 に答える