2. ASPRunner.NET General questions
  3. help css
This topic is locked

help css

 		1/3/2026 04:59:14
ASPRunner.NET General questions
M
 max benelli author

Hi, can someone help me? I'd like to position the label and search option control vertically at the top, in line with the first search parameter
in the advanced search pages
ChatGPT 1/3/2026

Certainly! To position the label and search option control vertically at the top, in line with the first search parameter in ASPRunner.NET, you'll typically need to customize the layout using CSS or adjust the HTML structure in the template.

Here’s a general approach you can take:

  1. Access the Template: Open the advanced search page template in ASPRunner.NET. This is usually located in the project’s directory where the templates are stored.


  2. Modify the HTML Structure: Look for the section where the search controls and labels are defined. You may find something similar to this:

    <div class="search-group">
     <label for="search1">Search Parameter 1:</label>
     <input type="text" id="search1" name="search1">
    </div>
    You may need to adjust the HTML structure so that the label and search input are within a single container or are styled to align vertically.

  3. Add CSS Styles: You can add custom CSS styles to control the vertical alignment. For example:

    .search-group {
     display: flex;
     flex-direction: column; /* Stack elements vertically */
     align-items: flex-start; /* Align to the start */
    }

    .search-group label {
     margin-bottom: 5px; /* Space between label and input */
    }

  4. Include the CSS: Make sure to include this CSS either in the <head> section of your template or in a separate CSS file that is linked in your template.


  5. Test Your Changes: After making the changes, run your application and navigate to the advanced search page to see if the label and search option control are now aligned vertically at the top.



If you encounter any specific issues or need further adjustments, please provide more details about your current setup, and I’ll be glad to assist you further!