PDA

View Full Version : How do I remove blue line from FormPanel with no header



mambose
11 Jan 2010, 10:50 AM
Does anyone know how to remove this blue line? or is it a bug?

http://www.pixilink.com/images/form-panel-no-header-border-issue.png

It is just a FormPanel without a header ..

var orderForm = {
xtype: 'form',
id: 'order-form',
header: false,
defaultType: 'textfield',
items: [{
xtype: 'hidden',
name: 'id',
id: 'order-id'
},{
fieldLabel: 'Account ID',
name: 'account_id',
id: 'order-account-id'
},{...

I think it has something to do with the x-panel-body class - should it be there?

<form id="ext-gen13" method="POST" class="x-panel-body x-panel-body-noheader x-form">

I have tried removing the class with JQuery which worked great in Firefox but completely removed the form in Chrome ...

$('form').removeClass('x-panel-body');

Thank you!

aw1zard2
11 Jan 2010, 10:57 AM
There is another blue line under square foot is that another xtype: 'hidden'?

Also what Ext version and browsers are seeing it?

The more info you give the faster we can find problems.

mambose
11 Jan 2010, 11:07 AM
Iam using Ext 3.1 and I can see the issue on both Firefox and Chrome - and square foot is the last item in the form as below ..

var orderForm = {
xtype: 'form',
id: 'order-form',
header: false,
defaultType: 'textfield',
items: [{
xtype: 'hidden',
name: 'id',
id: 'order-id'
},{
fieldLabel: 'Account ID',
name: 'account_id',
id: 'order-account-id'
},{
fieldLabel: 'Agent ID',
name: 'agent_id',
id: 'order-agent-id'
},{
fieldLabel: 'Suite',
name: 'suite'
},{
fieldLabel: 'Street No',
name: 'street_no'
},{
fieldLabel: 'Street Dir',
name: 'street_dir',
xtype: 'combo',
store: ['','North','South','East','West','Northeast','Northwest','Southeast','Southwest'],
mode: 'local',
typeAhead: false,
triggerAction: 'all',
forceSelection:true
},{
fieldLabel: 'Street Name',
name: 'street_name'
},{
fieldLabel: 'Street Type',
name: 'street_type',
xtype: 'combo',
store: ['','Ave','Bay','Blvd','Circle','Close','Court','Creek','Crescent ','Crest','Diversion','Drive','Estates','Garden','Gate','Grove','Heights','Highway','Hill','Knoll','Lake','Lane','Loop','MALL','Park','Parkway','Place','Point','Ridge','Road','Row','Square','Street','Terrace','Trail','View','Walk','Way','Wynd'],
mode: 'local',
typeAhead: false,
triggerAction: 'all',
forceSelection:true
},{
fieldLabel: 'City',
name: 'city',
xtype: 'combo',
store: ['Abbotsford','Agassiz','Anmore','Belcarra','Boston Bar','Bowen Island','Brackendale','Burnaby','Cadreb Other','Chilliwack','Coquitlam','Cultus Lake','Delta','Gabriola','Galiano Island 9','Gambier Harbour','Gibsons','Halfmoon Bay','Harrison Hot Springs','Harrison Mills','Hope','Keats Island','Ladner','Langley','Lindell Beach','Lions Bay','Maple Ridge','Mayne Island 6','Mission','New Westminster','No City Value','North Vancouver','Pemberton','Pender Island','Pitt Meadows','Port Coquitlam','Port Moody','Richmond','Roberts Creek','Roberts_Creek','Sardis','Saturna','Sechelt','Squamish','Surrey','Tsawwassen','Vancouver','West Vancouver','Whistler','White Rock','Yale','Yarrow'],
mode: 'local',
typeAhead: false,
triggerAction: 'all',
forceSelection:true
},{
xtype: 'numberfield',
fieldLabel: 'Square Foot',
name: 'sqft',
id: 'sqft'
}],
api: {
// The server-side method to call for load() requests
load: Ext.ss.Orders.get,
// The server-side must mark the submit handler as a 'formHandler'
submit: Ext.ss.Orders.save
},
// specify the order for the passed params
paramOrder: ['id']
};

aw1zard2
11 Jan 2010, 12:01 PM
Any custom css how is it getting added into the viewport/window?

If you can do a test sample of it that recreates it that would be great.

:)

mambose
11 Jan 2010, 12:51 PM
sorry my bad it was a CSS issue - I had all forms being displayed as "inline" and then I just had to use border:false and bodyBorder:false to remove the border - thanks for your help