2 Replies - 621 Views - Last Post: 12 January 2022 - 04:23 PM

#1 Untalented   User is offline

  • D.I.C Head

Reputation: 2
  • View blog
  • Posts: 156
  • Joined: 31-January 12

How to achieve this kind of layout?

Posted 12 January 2022 - 06:52 AM

This is the layout that I am trying to achive Posted Image

Here's what I've done so far https://jsfiddle.net...ewbie/x5f2cj67/

I am running out of ideas. What is the best solution for this?
When you uncomment the labels, it will the input.. inputs should stay in the center..

Thanks in advance

This post has been edited by Untalented: 12 January 2022 - 04:25 PM


Is This A Good Question/Topic? 0
  • +

Replies To: How to achieve this kind of layout?

#2 modi123_1   User is offline

  • Suitor #2
  • member icon



Reputation: 16503
  • View blog
  • Posts: 65,458
  • Joined: 12-June 08

Re: How to achieve this kind of layout?

Posted 12 January 2022 - 08:39 AM

I would suggest looking at using a table with fixed columns or something like bootstrap with it built it in.
Was This Post Helpful? 0
  • +
  • -

#3 Untalented   User is offline

  • D.I.C Head

Reputation: 2
  • View blog
  • Posts: 156
  • Joined: 31-January 12

Re: How to achieve this kind of layout?

Posted 12 January 2022 - 04:23 PM

View Postmodi123_1, on 12 January 2022 - 11:39 PM, said:

I would suggest looking at using a table with fixed columns or something like bootstrap with it built it in.


Hello, we are not allowed to use bootstrap yet. I think table should be my last option.. I'll do more research :)
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1