Why does Designer appear to ignore Cell width settings?

In ASPRunner.NET, if you're having trouble with setting the cell widths to be equal, there are a few things you can check and try:

1. CSS Overriding: Ensure that there are no overriding CSS styles that may be affecting your cell widths. Inspect the elements using the browser's developer tools (usually accessible via right-click -> Inspect) to see if any external styles are overriding your settings.

   
   

2. Table Layout: If you are using a table, try setting the table-layout property to fixed in your CSS. This will enforce the widths you set for the cells:

   table {
    table-layout: fixed;
    width: 100%; /* Ensure the table takes full width */
   }
   

3. Cell Widths in HTML: Make sure that you're applying the width to the <td> elements correctly. If you're using inline styles or a style block, ensure they are properly formatted. For example:

   <tr>
    <td style="width: 25%;">Column 1</td>
    <td style="width: 25%;">Column 2</td>
    <td style="width: 25%;">Column 3</td>
    <td style="width: 25%;">Column 4</td>
   </tr>
   

4. Parent Container Width: Ensure that the parent container of the table or the grid is wide enough to accommodate the total width of the columns (in this case, 100%). If the parent container has a fixed width less than 100%, it can affect how the columns are rendered.

   
   

5. Browser Compatibility: Sometimes different browsers may interpret CSS rules differently. Test your design in multiple browsers to see if the issue persists.

   
   

6. Using Flexbox or Grid: If you are open to using CSS Flexbox or CSS Grid instead of traditional tables, these modern layout techniques can provide more control over the layout:

   For Flexbox:

   .flex-container {
    display: flex;
   }
   
   .flex-item {
    flex: 1; /* This will make all items equal width */
   }
   For Grid:
   .grid-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 equal columns */
   }
   

7. Check ASPRunner.NET Settings: Double-check the settings in ASPRunner.NET for any additional properties or configurations that may be affecting the layout.

   
   

If you've tried all of the above and are still facing issues, consider reaching out to the ASPRunner.NET support forums or documentation for more specific guidance related to your version and setup.

So no one else has this issue when using width in the designer? There must be some trick

Appears to be the same in V11 downloaded today

I can't say I've ever tried to use the widths within PHPRunner, for custom layouts I've ususally used a code snippet in a class static function,I then put the fomatting within that, mainly for ease and speed of updating the code rather than building the project each time for a small change.