Unwanted border for layout

[bc]

Hi,

When a layout is clicked a default border is drawn around that layout. On IE 11 it is a dotted border and on Chrome (v 40) it is a solid blue border. Firefox (v 24) does not add this border. Is there a way to stop it from showing a border?

I am using SmartGwt Pro 5.0p.

Thanks.


In this example click on the layout between the inner layout (with a border) and the scrollbar. It should show a border around the outer layout.

import com.google.gwt.core.client.EntryPoint;
import com.smartgwt.client.types.Overflow;
import com.smartgwt.client.widgets.layout.VLayout;

public class TestLayoutBorder implements EntryPoint {

	@Override
	public void onModuleLoad() {
		VLayout v1 = new VLayout();
		v1.setWidth(300);
		v1.setHeight(300);
		v1.setTop(100);
		v1.setLeft(100);
		v1.setOverflow(Overflow.AUTO);
		
		VLayout v2 = new VLayout();
		v2.setWidth(200);
		v2.setHeight(400);
		v2.setBorder("1px solid black");
		
		v1.addMember(v2);
		v1.draw();
	}
}

[Blama]

Hi bc,

see this thread for background information on this matter.

Best regards,
Blama

[bc]

Hi Blama,

Thank you for your response. I have something to experiment with now.
I added this to my stylesheet and so far it has been working well on both IE and Chrome.

div {
	outline: none;
}

Thanks.