LMPostPoll
LMPostPoll
renders the poll interface within posts, displaying poll questions, options, and voting results. It manages user voting interactions and real-time result updates.
CSS Classnames
Classname | Description |
---|---|
poll-feed-option-add-more post-poll-add-option-custom-style | Add more options button styling |
attachment-poll | Container for poll attachment |
post-poll-submit-button-custom-style | Submit button styling for poll |
poll-results-no-response | Container for no response state |
poll-feed-add-poll-option-heading-custom-style | Heading styling for poll options |
poll-feed-vote-count poll-feed-preview-advance-options-total poll-preview-subheading-style | Vote count display styling |
lm-feed-create-post-wrapper__user-meta poll-results__user-meta | User metadata container in poll results |
poll-feed-title post-poll-question-custom-style | Poll question title styling |
lm-cursor-pointer poll-feed-total-votes member-voted-count-custom-style | Interactive vote count display |
lm-feed-wrapper__card__body__content__read-more-tap-icon | Read more icon styling |
lm-cursor-pointer poll-feed-total-votes | Interactive total votes display |
lm-feed-create-post-wrapper lm-feed-poll-wrapper2 | Main wrapper for poll content |
add-more-text | Text styling for add more option |
poll-feed-added-by | Creator information display |
poll-feed-add-option-dialog-text | Text styling for add option dialog |
lm-feed-create-post-wrapper__dialog-heading | Dialog header text styling |
post-poll-results-tab-layout-custom-style | Results tab layout styling |
poll-feed-time-left | Time remaining display |
post-poll-submit-button-custom-style | Submit button styling |
poll-option-text-input poll-feed-add-poll-option-input-custom-style | Text input styling for poll options |
cancelIcon | Close button icon styling |
poll-option-wrapper | Container for poll options |
poll-results-no-response-text | Text styling for no response state |
poll-background-bar post-poll-selected-option-custom-style | Background bar for selected option |
lm-avatar lm-mr-4 | Avatar image with right margin |
poll-results-screen-wrapper | Main wrapper for results screen |
poll-option-add-more-icon | Icon for adding more options |
poll-option-remove | Remove option button styling |
poll-results-memeber-list-wrapper | Container for member list in results |
lm-feed-create-post-wrapper | Main wrapper for poll creation |
poll-feed-vote-count poll-feed-preview-advance-options-select poll-preview-subheading-style post-poll-info-custom-style | Vote count and info display styling |
poll-feed-total-votes poll-first-vote-text | First vote text styling |
post-poll-vote-count-custom-style | Vote count styling |
poll-feed-dot | Dot separator styling |
Example
To customize the component with its classnames, open your base CSS file and override the styles using the classname:
.poll-feed-option-add-more post-poll-add-option-custom-style {
font-size: 18px;
color: "red";
}
Reference
For reference, check out this file