You are viewing limited content. For full access, please sign in.

Question

Question

Centering Single-line lookup results

asked on July 31, 2024

I am attempting to center everything and am running into an issue where the lookup results are still left-aligned.

 

I had hoped all this CSS would cover it, but seems to make no difference.  Does anyone know the CSS selector for single-line lookup results?

#q93 {
    text-align: center; /* Center content within the #q93 container */
}

#q93 .cf-label,
#q93 .cf-field,
#q93 .lookup-results {
    display: block; /* Make the label, field, and results block-level elements */
    text-align: center; /* Center the text inside the label, field, and results */
    margin: 0 auto; /* Center the block elements within their parent */
}

#q93 input,
#q93 select,
#q93 textarea {
    text-align: center; /* Center the text inside input, select, and textarea fields */
    width: 130px; /* Set the width of the input field */
    margin: 0 auto; /* Center the input fields within their parent */
    display: block; /* Ensure input fields are block-level elements */
}

#q93 .lookup-results {
    width: 100%; /* Ensure the results container takes full width */
    text-align: center; /* Center the text inside the results container */
    display: flex; /* Use flexbox to align items */
    justify-content: center; /* Center align the content */
    flex-wrap: wrap; /* Allow content to wrap */
}

#q93 .lookup-results div {
    display: inline-block; /* Display individual results inline-block */
    text-align: left; /* Align text inside individual results to the left */
    margin: 5px; /* Add some margin for spacing */
}

Example of what I am seeing:

 

Thank you in advance.

0 0

Replies

replied on July 31, 2024 Show version history

Modern Designer or Classic Designer?

If you are on the Classic Designer, you're probably looking for "awesomplete-child" (this is a class name).

If you are on the Modern Designer, you're probably looking for "fl-auto-complete-list" (this is an element type).

1 0
replied on August 1, 2024

My apologies for the long overdue reply, seems like my days are just shorter and shorter.

 

Classic designer.

 

I will attempt to utilize awesomplete-child and see if the drop down moves to center.

 

Thank you Matthew.

0 0
You are not allowed to follow up in this post.

Sign in to reply to this post.