Project

General

Profile

Actions

Bug #5897

closed

Checkbox text misaligned

Added by Heiko Gerdau about 7 years ago. Updated about 7 years ago.

Status:
Closed
Priority:
Normal
Assignee:
-
Target version:
-
Start date:
08/25/2017
Due date:
% Done:

0%

Estimated time:

Description

Wherever a checkbox is involved the following text is misaligned (either Top or bottom).

You may see this on your websites widget examples:

https://www.webtoolkit.eu/widgets/forms/check-boxes

Also if used in a Model (CheckStateRole) and WTableView, the text in the cell is misaligned too.

Regards

Heiko


Files

checkbox.png (16.6 KB) checkbox.png Heiko Gerdau, 09/18/2017 01:03 PM
Actions #1

Updated by Hyeoni Hwasoo about 7 years ago

Hello, I use only the default theme and I have the same problem for radio buttons and checkboxes. So I found here https://stackoverflow.com/questions/18730940/aligning-text-next-to-a-checkbox/18731164#18731164 a workaround : add a css file with :

input[type="radio"],
input[type="checkbox"] {
  float: left;
  margin-top: -1px;
}
Actions #2

Updated by Wim Dumon about 7 years ago

Hello,

Can you post a screenshot of where it goes wrong? What browser and operating system are you using? I don't think Wt applies styling to modify the default browser's behaviour...

Wim.

Actions #3

Updated by Heiko Gerdau about 7 years ago

Hi,

sorry for this late response, I was out of office.

I attached a screenshot. It was taken on linux with firefox from your website.

Triggered by your post I checked on windows and Internet Explorer and Crome as well.

It seems to be a firefox problem only. It depends also on the scaling and is worse if scaling decreases.

I did not expect these dependencies. So maybe I might follow Hyeoni Hwasoo's suggestion and do some css fixing for firefox only.

Regards,

Heiko

Actions #4

Updated by Wim Dumon about 7 years ago

  • Status changed from New to Closed
Actions

Also available in: Atom PDF