View Full Version : x-hide-display question

6 Jul 2009, 8:00 AM
What causes the class x-hide-display to be inserted into the generated html code for styles? I am setting a style for a toolbar and within FF, the above class gets inserted and I am seeing nothing displayed on the toolbar after inserting widgets such as images/buttons. Within IE7, this specific class in not automatically inserted and I am able to see the widgets displayed correctly. Is there a way to remove this?

ToolBar toolBar = new ToolBar();

toolBar.add( image );
toolBar.add( button );
toolBar.setStyleName( TOOLBAR_BACKGROUND); // From constants file

background-image: url(../images/Back.gif);
border-left: 1px solid #CCC;
border-top: 1px solid #CCC;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
padding: 1px;
background-position: top;


Generated code in FF for first widget (removing x-hide-display causes widget to be displayed correctly):

<td class="x-toolbar-cell">
<div id="x-auto-171" class="x-hide-display" style="margin-right: 0px;">
<img class="gwt-Image" src="...circle.gif" title="" __w="img" __n="circle.gif"/>

21 Oct 2010, 1:16 AM
bbar with paging was invisible
this will help:

.x-panel-bbar {width:100% !important;}
.x-toolbar {width:100% !important;}

21 Oct 2010, 6:14 AM
Is it possible that you are not sizing your grid dp_infoatom? I dont understand how your issue is related to the topic.