PDA

View Full Version : unexpected button/blank space



alkaloid
16 Sep 2009, 5:47 PM
Hi all,
I got this problem with my form, when i added the buttons, there is an expected blank space after the last button.

Anyone encounter this problem?

http://www.andrianjutba.com/buttons.gif


thanks.

VinylFox
16 Sep 2009, 6:14 PM
I have never encountered this problem.

You should probably post an example of your code so we can see how the window is being created. That might shed some light on your problem. Also, using FireBug to inspect the HTML might give you an idea of whats going on.

Animal
16 Sep 2009, 11:29 PM
You've got all kinds of weird artefacts there.

Have you tried examining the DOM with a debugger?

alkaloid
17 Sep 2009, 7:57 AM
This is the called that to create the buttons:


buttons: [{
text: 'Save'
},{
text: 'Cancel'
}]


and this is the code using the Firebug


<div id="ext-comp-1004" class="x-panel-fbar x-small-editor x-toolbar-layout-ct" style="width: auto;">
<table class="x-toolbar-ct" cellspacing="0">
<tbody>
<tr>
<td class="x-toolbar-left" align="left">
<table cellspacing="0">
<tbody>
<tr class="x-toolbar-left-row">
<td id="ext-gen15" class="x-toolbar-cell">
<table id="ext-comp-1002" class="x-btn x-btn-noicon " cellspacing="0" style="width: 75px;">
<tbody class="x-btn-small x-btn-icon-small-left">
<tr>
<td class="x-btn-tl">
<i> </i>
</td>
<td class="x-btn-tc"/>
<td class="x-btn-tr">
<i> </i>
</td>
</tr>
<tr>
<td class="x-btn-ml">
<i> </i>
</td>
<td class="x-btn-mc">
<em class="" unselectable="on">
<button id="ext-gen17" class="x-btn-text " type="button">Save</button>
</em>
</td>
<td class="x-btn-mr">
<i> </i>
</td>
</tr>
<tr>
<td class="x-btn-bl">
<i> </i>
</td>
<td class="x-btn-bc"/>
<td class="x-btn-br">
<i> </i>
</td>
</tr>
</tbody>
</table>
</td>
<td id="ext-gen18" class="x-toolbar-cell" style="outline-color: rgb(255, 0, 0); outline-style: solid; outline-width: 1px;">
<table id="ext-comp-1003" class="x-btn x-btn-noicon " cellspacing="0" style="width: 75px;">
<tbody class="x-btn-small x-btn-icon-small-left">
<tr>
</tr>
<tr>
<td class="x-btn-ml"></td>
<td class="x-btn-mc">
<em class="" unselectable="on">
<button id="ext-gen20" class="x-btn-text " type="button">Cancel</button>
</em>
</td>
<td class="x-btn-mr"></td>
</tr>
<tr>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td class="x-toolbar-right" align="right"> //this is the blank space
<table class="x-toolbar-right-ct" cellspacing="0">
<tbody>
<tr>
<td>
</td>
<td>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>

thanks in advance

mitchellsimoens
17 Sep 2009, 8:31 AM
just a heads up, you may want to post your code for the whole window

VinylFox
17 Sep 2009, 8:51 AM
My guess would be that you have some external CSS causing problems.

Remove all of the CSS files on your page except for ext-all.css (an unmodified version) and see if that helps.

alkaloid
24 Sep 2009, 12:28 AM
thanks :) silly me..