Forum  General Visual ...  How do I...?  Unexpected border on Control
Previous Previous
 
Next Next
New Post 11/22/2011 12:43 AM
  alexgoaga
75 posts
No Ranking


Unexpected border on Control 

Hi,

In the 6.4.0c version of VWG there is an unexpected border for some controls. In the previous versions, it wasn't this border.

For instance,  the CheckBox, RadioButton, ListBox, has an unexpected border when it has the focus.

I tried to change the border properties of the control to avoid the problem but it does not have any effect.

How can I avoid this border on the controls?

I can send you few screenshots by email if it helps.

 

Kind Regards,

Alexandru.

 

 

 
New Post 11/22/2011 3:08 PM
  palli
14415 posts
1st Level Poster




Re: Unexpected border on Control 

Hi Alexandru,

What previous version(s) are you comparing to and for what browsers ?

In 6.4.0 Release c, as well as in the upcoming 6.4.0 Release d, you should see a dotted border around the text of a focused RadioButton and a focused CheckBox. If there is something else you are seeing, I would recommend that you fully clear your cache and then try again.

If still reproduced, please email some screenshots to the support email address. In that case, please include in that email the full Http reference to this thread and also please post here when you have sent the email.

Palli

 


Páll Björnsson - Visual WebGui support team - Email: support@visualwebgui.com
 
New Post 11/22/2011 11:22 PM
  alexgoaga
75 posts
No Ranking


Re: Unexpected border on Control 
Modified By alexgoaga  on 11/23/2011 3:32:27 AM)

 Hi,

Yes, this dotted border is the one I was reffering to. Is there any way to hide/remove this dotted border around the text of the control?

 

Kind Regards,

Alexandru

 
New Post 11/23/2011 4:15 PM
  dubem1
1077 posts
1st Level Poster




Re: Unexpected border on Control 
Modified By dubem1  on 11/24/2011 7:44:03 PM)

Those borders around the control when it has focus isn't unexpected.  All controls need to change his layout when it is focused especially to show where the focus is.   It's the correct behavior to have the dotted broders  around the controls you have mentionned and it will not be a good pratice to hide those borders, it's a UI standard.

 

Martin 

 
New Post 11/24/2011 1:55 PM
  palli
14415 posts
1st Level Poster




Re: Unexpected border on Control 

Hi Alexandru,

I fully agree with Martin on this one, that all controls need an indication that they are focused, and that's why we have the (UI standard) dotted border. There is a nice article on that subject here for instance.

To remove the border, you will have to dig down to the individual control's CSS and even JavaScript, and you will need to override the default behaviour via a Theme. I am no expert on CSS, but just to give you an idea on what needs to be done, then in a new Theme you can navigate to the RadioButton node, switch the Theme designer to Stule Sheets and override the CSS on that node.

To know what you need to change, I find it very useful to switch Obscuring off in your application and then view the rendered Html to see what CSS styles you need to change. For this sample's purpose, you can locate the ".RadioButton-Control_Focus .RadioButton-Label" class and add a "border:none;" to that class. Whether it's the best CSS practice or not, I can not tell, but it works the way you asked for in IE9 at least.

Similar changes need to be tracked down and changed for the other controls you need this for.

Hope this helps,

Palli

 


Páll Björnsson - Visual WebGui support team - Email: support@visualwebgui.com
 
Previous Previous
 
Next Next
  Forum  General Visual ...  How do I...?  Unexpected border on Control
.NET HTML5 Web, Cloud and Mobile application delivery | Sitemap | Terms of Use | Privacy Statement | Copyright © 2005-2012 Visual WebGui®       Visual WebGui weblog on ASP.NET Gizmox Blog Visual WebGui Group on LinkedIn Visual WebGui updates on Twitter Visual WebGui Page on Facebook Visual WebGui YouTube Channel Visual WebGui Platform News RSS