Adjust the color of a detail table

To change the color of the detail table (details_preview) in PHPRunner, you typically need to modify the CSS associated with your application or directly adjust the styles in the HTML output of the detail section. Here’s how you can do this:

1. Access the CSS File:

   • In your PHPRunner project, go to the "Design" tab.
   • Locate the "CSS" section where you can add custom styles.
   
   
   
   

2. Add Custom CSS:

   • You can write specific CSS rules to target the detail table. For example:

     .details_preview {
      background-color: #f0f0f0; /* Change to your desired color */
      color: #333; /* Change text color if necessary */
     }
     

   • This code will change the background color of the detail table. Adjust the background-color property to the color of your choice.
   
   
   
   

3. Using Inline Styles:

   • If you need to apply styles directly to the detail section, you can modify the template file (if applicable) or add inline styles. However, using CSS is usually cleaner and more manageable.
   
   
   
   

4. Testing:

   • After saving your changes, make sure to refresh your application in the browser to see the new styles applied.
   
   
   
   

5. Advanced Customization:

   • If you require more advanced customization, consider using developer tools in your browser (like Chrome DevTools) to inspect the detail table and see which classes are being applied. You can then target those classes in your CSS.
   
   
   
   

6. Rebuild the Project:

   • If you make changes in PHPRunner, remember to rebuild your project to apply all changes correctly.
   
   
   
   

By following these steps, you should be able to successfully change the color of the detail table in your PHPRunner application. If you need further assistance or specific examples, feel free to ask!