PDA

View Full Version : Panel's Border



CaioCorrea
23 Jun 2015, 10:41 AM
Hello everybody...

While progressing in my studies, i found a new difficulty.
I don't know why, but i can't hide the borders from my panels while set frame = true.
I've tried use 'border: false', but nothing changes..

I don't know if there is relationship between the problems, but the icon that notify an error in textfield shows a blank box. Why?
Somebody can help me? Thanks.

http://i57.tinypic.com/10da7m1.png


me.formulario = Ext.create('Ext.form.Panel',
{
frame: true,
layout:'column',
defaults:{
frame: true,
border: false
},
items:
[
{
xtype:'panel',
html:'<div class="imgLogin"></div>',
margin: '15 10 0 25',
width: 170
},
{
columnWidth: 1,
layout:'form',
margin: '15 0 0 10',
//defaultType: 'textfield',
fieldDefaults:
{
autoFitErrors: false,
frame: true
},
defaults:
{
frame: true,
hideLabel: true,
anchor:'0',
ctx: me,
fieldStyle:'text-align:center;text-transform:uppercase',
},
items:
[
me.mapaCampos['login'],
me.mapaCampos['senha'],
me.mapaCampos['cBoxLembrar']
]
}
],
bbar:
[
'->',
me.mapaBtns['btnCancelar'],
me.mapaBtns['btnLogin']
],
title: 'LOGIN',
width: 670,
height: 250,
renderTo: Ext.getBody()
});

slemmon
13 Jul 2015, 10:35 AM
Hi,

The framed config effectively indicates to add a border (framing) around the entire panel. So, you cannot set border: false to prevent the border when setting frame: true. We'll update the description on the border config to indicate that it's overridden by frame: true.

As for the issue you're seeing with the invalid field indicator background, that's not an issue I'm familiar with. What browser / browser-version are you testing with? Also, are you working with Ext JS 6.0.0 GA or a preview release?