data fields not aligned with labels in custom component

dawehnes

I am trying to convert my site from Joomla 3.10 to Joomla 4.1. I have decided to move from the JSN Epic 2 template to the JA Edenite II template.

My production site is www.mwphrf.org. My Joomla4 site is a development site running under Wampserver on a windows desktop. Production is running Joomla 3.10.8, PHP 7.4.28 and Apache under Linux. Development is running Joomla 4.1.5, PHP 7.4.26 and Apache on Windows 10.

My issue is that data input fields are being displayed below the label for the field and drop-down type inputs are displayed correctly, to the right of the label. It all works correctly in production, they are all to the right of the label. Note, each label includes a "tooltip".

It doesn't seem to matter how wide I make the browser window. These data input fields are all being displayed below the labels.

I have provided a screen shot of production, as well as two screen shots of my development system, as well some of the page source for the development system.

This is a custom component written by me. It has been in production since early 2019, and I am in the process of updating it to be compatible with Joomla4.

Note: I happen to have debugging set to "on". But turning debugging off does not solve the formatting issue.

Any suggestions as to why these data input fields are not being displayed to the right of the labels? (Since this is running on my desktop, I cannot give you access to it.)

saguaros

dawehnes

Could you test your component with default Joomla template of Joomla 4 - Cassiopeia and see how it goes?

And if possible, put your development site online and share the login info so I can have a closer look and check for you.

dawehnes

I did not test with the default template as I think it will take too much effort to get the site to format properly.

I have move the development site (via Akeeba backup) to a site you can access

The URL is https://www.lmphrf.org/joomla4/index.php

dawehnes

I have created a super user username for you.[Removed by Mods]

Use the login form on the home page. You will be taken to a page that will show you data associated with your login username. One item will be displayed. Click "continue" to get to teh page I mentioned above.

saguaros

dawehnes Could you tell me name of component and URL of page where I can see the issue?

dawehnes

Hello,

The custom component is Lmphrf monohull. It sets handicaps for large sailboats that race on the Great Lakes. When a boat owner wants to obtain a handicap certificate, he must provide us with about 100 data points about the boat and the sails. It is these data entry pages that are not formatting properly.

99% of the Lmphrf monohull component is secured by a login. I have defined your username with the authority level of "owner" (in addition to administator and super user). Owner level security allows you to request a handicap certificate, and view data associated with your login username.

Under the main menu item "Obtain a handicap certificate", there are two sub-items. You can use that first one "Apply for a new, renew or update certificate" to begin the data entry process. Click on that menu item, then click on "New" on the next page, and then "Continue" on the next page (accepting the defaults). That will take you to the owner data entry page, which is what I provided above.

Also, once you have logged in, the login takes you to a page that lists any data in the system associated with your id. Clicking "Continue" on an entry displayed there will take you to a data entry page.

The Lmphrf monohull component was written by me, in PHP. I used the product "Component Creator" to define the database tables and all of the views. (There are menu items in a menu named "hidden" that point to many of the views. The action clause in the various forms point to these hidden menu items.)

Dave

saguaros

Hi Dave,

The provided admin account doesn't work, could you check again?

dawehnes

Sorry, I think I had a typo in the username

Tyr a username of Joomart and a password of E******II (that's a capital "e" and two capital "i" at the end)

saguaros

Let me check and will get back to you.

dawehnes

I haven't heard anything back in a long, long time...

saguaros

Pls follow this one: https://www.joomlart.com/forums/d/42767-data-fields-not-aligned-with-labels-in-custom-component