如何完全隐藏gwt对话框边框?
我如何在GWT中完全隐藏对话框的边框,或者我们可以说完全隐藏对话框的标题部分。我尝试在css中使用.gwt DialogBox.Caption{} 但是我找不到任何可以完全隐藏边界的选项如何完全隐藏gwt对话框边框?,gwt,Gwt,我如何在GWT中完全隐藏对话框的边框,或者我们可以说完全隐藏对话框的标题部分。我尝试在css中使用.gwt DialogBox.Caption{} 但是我找不到任何可以完全隐藏边界的选项 提前谢谢 不要使用css的gwt对话框名称来更改对话框。这不适用。尝试使用相同的样式应用不同的样式名称,如: .gwt-DialogBoxNew { border: 8px solid #7F7F7F; border-radius: 6px 6px 6px 6px; box-shadow
提前谢谢 不要使用css的
gwt对话框
名称来更改对话框。这不适用。尝试使用相同的样式应用不同的样式名称,如:
.gwt-DialogBoxNew
{
border: 8px solid #7F7F7F;
border-radius: 6px 6px 6px 6px;
box-shadow: none;
line-height: 7px;
opacity: 1;
z-index: 1000;
background-color : #FFFFFF;
}
.gwt-DialogBoxNew .Caption {
background: none repeat scroll 0 0 #E4E4E4;
border: medium none #D4D4D4;
cursor: default;
font-family: Arial Unicode MS, Arial, sans-serif !important;
font-size: 18px;
font-weight: 400;
line-height: 27px;
padding:2px 0px 0px 0px;
}
.gwt-DialogBoxNew .dialogContent {
}
.gwt-DialogBoxNew .dialogMiddleCenter {
padding: 3px;
background: white;
}
.gwt-DialogBoxNew .dialogBottomCenter {
}
.gwt-DialogBoxNew .dialogMiddleLeft {
/* background: url(images/vborder.png) repeat-y -31px 0px; */
}
.gwt-DialogBoxNew .dialogMiddleRight {
/* background: url(images/vborder.png) repeat-y -32px 0px;
}
.gwt-DialogBoxNew .dialogTopLeftInner {
width: 10px;
height: 8px;
zoom: 1;
background: none repeat scroll 0 0 #E4E4E4;
}
.gwt-DialogBoxNew .dialogTopRightInner {
width: 12px;
zoom: 1;
background: none repeat scroll 0 0 #E4E4E4;
}
.gwt-DialogBoxNew .dialogBottomLeftInner {
width: 10px;
height: 12px;
zoom: 1;
}
.gwt-DialogBoxNew .dialogBottomRightInner {
width: 12px;
height: 12px;
zoom: 1;
}
.gwt-DialogBoxNew .dialogTopLeft {
/* background: url(images/circles.png) no-repeat -20px 0px;
-background: url(images/circles_ie6.png) no-repeat -20px 0px; */
background: none repeat scroll 0 0 #E4E4E4;
}
.gwt-DialogBoxNew .dialogTopRight {
/* background: url(images/circles.png) no-repeat -28px 0px;
-background: url(images/circles_ie6.png) no-repeat -28px 0px; */
background: none repeat scroll 0 0 #E4E4E4;
}
.gwt-DialogBoxNew .dialogBottomLeft {
/* background: url(images/circles.png) no-repeat 0px -36px;
-background: url(images/circles_ie6.png) no-repeat 0px -36px; */
}
.gwt-DialogBoxNew .dialogBottomRight {
/* background: url(images/circles.png) no-repeat -8px -36px;
-background: url(images/circles_ie6.png) no-repeat -8px -36px; */
}
正如您在这里所关心的那样,从中删除边框样式。一个
对话框基本上是一个带有标题的装饰的PopupPanel
。您既不需要装饰也不需要标题,那么改用popupanel
怎么样?(AFAICT,唯一的区别是面板的大小)好的,我会这样做。我尝试了上面的所有选项,但没有人能将gwt对话框的标题和边框设置为“无”。请告诉我这个选项好吗?删除对话框中设置标题的setText
属性。对于删除边框应用边框:0px!重要信息
。我没有使用它。此链接中有一个示例图像。我要把这个蓝边藏起来。这样我就可以得到一个平面矩形。你能添加一些代码吗?从样式中删除边框应用。正如我提到的,应用样式,比如dialogBox.setStyleName(“gwt DialogBoxNew”)
。不要使用gwt对话框
。清除缓存。检查一下。是的,现在开始工作了。谢谢。你能告诉我如何在对话框周围画一个矩形吗。