Focal Point
[CLOSED] ie and chrome radio button width

This topic can be found at:
https://forums.informationbuilders.com/eve/forums/a/tpc/f/7971057331/m/3677006986

March 13, 2018, 12:13 PM
David Sibert
[CLOSED] ie and chrome radio button width
I have 2 radio and 1 checkbox selections. All 3 are set to 1 column and a type of Pushbutton with a width of 180px min 165px max 220px. Now in ie they all render good and there is NO horizontal scrollbar. In Chrome there is a scrollbar and when you inspect them the width ranges from 285px to 982px. The html is being used in the left banner. How can I make Chrome play nice and display the same as ie?

This message has been edited. Last edited by: David Sibert,


dksib
DC Tech Services Inc
WF 8.2.1M
March 13, 2018, 04:11 PM
Doug
Hey David, I'm not sure that Chrome has been certified in 82xx. So, that may not be possible Frowner . But, I hope that I am wrong on that statement.
March 14, 2018, 10:12 AM
David Sibert
Thanks Doug. I hope that you are wrong also.


dksib
DC Tech Services Inc
WF 8.2.1M
March 14, 2018, 10:28 AM
FP Mod Chuck
David

The 8.2.01 Release guide shows support for version 60 of Chrome.. 8.2.02M shows support for version 64.

Hope that helps


Thank you for using Focal Point!

Chuck Wolff - Focal Point Moderator
WebFOCUS 7x and 8x, Windows, Linux All output Formats
March 14, 2018, 10:28 AM
Tom Flynn
https://webfocusinfocenter.inf...fs/8201_relguide.pdf


Tom Flynn
WebFOCUS 8.1.05 - PROD/QA
DB2 - AS400 - Mainframe
March 14, 2018, 10:47 AM
David Sibert
Thanks tom for the link.
The client is using version 65.0.3325.162 of Chrome.


dksib
DC Tech Services Inc
WF 8.2.1M
March 14, 2018, 11:11 AM
Tom Flynn
I'm on Version 64.0.3282.119 (Official Build) (32-bit)

Would assume the world is on a higher version than 60...


Tom Flynn
WebFOCUS 8.1.05 - PROD/QA
DB2 - AS400 - Mainframe
March 16, 2018, 02:26 AM
Dave
hi,

this has to do with the "box-sizing" issue.

[URL=wiki : IE box-sizing bug]https://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug[/URL]

IE and Chrome have a different way of determining the width and height of an element.

This can be solved by explicitly adding this to you style sheet ( if you have one ):

* { box-sizing: border-box; }



This will also prevent differences between the represenation in the GUI and the browser.


_____________________
WF: 8.0.0.9 > going 8.2.0.5