How do I get form fields to align left when cells have been merged?

When dealing with layout issues in PHPRunner, especially with merged cells, alignment can sometimes be affected by CSS styles that are applied globally or by default. Here are a few steps you can take to troubleshoot and resolve the issue with the left padding in your merged cells:

1. Inspect CSS Styles: Use your browser's developer tools (usually accessible by right-clicking on the page and selecting "Inspect") to check the computed styles of the merged cells. Look for any padding or margin properties that might be affecting the alignment.

   
   

2. Override CSS: If you find that there is a padding or margin applied to the merged cells that you cannot remove through the PHPRunner interface, you can add custom CSS to override it. In your PHPRunner project, go to "CSS" and add something like:

   .your-merged-cell-class {
    padding-left: 0 !important; /* Adjust this value as needed */
    margin-left: 0 !important; /* Adjust this value as needed */
   }
   Replace .your-merged-cell-class with the actual class or element selector of your merged cells.
   
   

3. Check Alignment Properties: Ensure that the align property is set correctly in both the HTML attributes and any CSS styles. Sometimes, using text-align: left; in CSS can help with text alignment.

   
   

4. Revisit Cell Settings: Double-check your settings in PHPRunner for the merged cells. Ensure that you have set the alignment correctly in both the properties of each cell and that the cells are indeed merged properly.

   
   

5. Test Different Browsers: Sometimes, rendering can differ between browsers. Test your page in different browsers to see if the issue is consistent across them.

   
   

6. Consider Using Tables: If you're not already using a table layout, consider restructuring your layout with tables instead of divs. Tables handle merged cells more gracefully in many cases.

   
   

7. Look for PHPRunner Updates: If you're encountering a bug, make sure you are using the latest version of PHPRunner, as updates often fix such issues.

   
   

By following these steps, you should be able to diagnose and fix the alignment issue with your merged cells in PHPRunner. If the problem persists, consider reaching out to the PHPRunner support community or forums for more specific assistance.

Follow up: after reading the AI response, I was able to fix it by adding the following to the Custom CSS setting of the field:

.r-edit-label {margin-left:0 !important;}
.r-edit-field {margin-left:0 !important;}