NetTalk Central

Author Topic: CSS Question - field width  (Read 3170 times)

rupertvz

  • Sr. Member
  • ****
  • Posts: 313
    • View Profile
    • Email
CSS Question - field width
« on: March 18, 2019, 11:14:16 PM »
Hi Guys,

I have a question regarding CSS,
I have a NWF with a couple of fields (in mobile mode)

For each of these fields I have a CSS class for:
- Entry-Div, - Entry & Prompt

I am trying to get them all to display the same size and style.
When I adjust the height, all of these fields take the same height.
Same with colour, etc.

The problem is with the width.
Example:  A date field has a longer width than a time field, no matter what I set in the CSS file.

Any ideas are welcome ...

Robert Iliuta

  • Sr. Member
  • ****
  • Posts: 469
    • View Profile
    • Email
Re: CSS Question - field width
« Reply #1 on: March 19, 2019, 01:57:51 AM »
Hallo!

Did you try with min-width property?

Robert

rupertvz

  • Sr. Member
  • ****
  • Posts: 313
    • View Profile
    • Email
Re: CSS Question - field width
« Reply #2 on: March 19, 2019, 02:12:49 AM »
Thank you Robert,

I just added the property to my Entry & Entry-Div classes.
I also changed the background colour to make sure it applies to the correct fields.

The colour of the fields changed, but the widths are still the same as before.

Interestingly, when I set min-height, it works?

rupertvz

  • Sr. Member
  • ****
  • Posts: 313
    • View Profile
    • Email
Re: CSS Question - field width
« Reply #3 on: March 19, 2019, 02:18:28 AM »
I've just tried the max-width property, and this works to Reduce all the fields to the same size.

When I try min-width only the "date" field Increases in size, the time fields only "reacts" to the max-width property ... ?


Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11171
    • View Profile
Re: CSS Question - field width
« Reply #4 on: March 22, 2019, 12:09:16 AM »
it's impossible to answer specific css questions without and example.