Skip to main content

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

ClassnameDescription
poll-feed-option-add-more post-poll-add-option-custom-styleAdd more options button styling
attachment-pollContainer for poll attachment
post-poll-submit-button-custom-styleSubmit button styling for poll
poll-results-no-responseContainer for no response state
poll-feed-add-poll-option-heading-custom-styleHeading styling for poll options
poll-feed-vote-count poll-feed-preview-advance-options-total poll-preview-subheading-styleVote count display styling
lm-feed-create-post-wrapper__user-meta poll-results__user-metaUser metadata container in poll results
poll-feed-title post-poll-question-custom-stylePoll question title styling
lm-cursor-pointer poll-feed-total-votes member-voted-count-custom-styleInteractive vote count display
lm-feed-wrapper__card__body__content__read-more-tap-iconRead more icon styling
lm-cursor-pointer poll-feed-total-votesInteractive total votes display
lm-feed-create-post-wrapper lm-feed-poll-wrapper2Main wrapper for poll content
add-more-textText styling for add more option
poll-feed-added-byCreator information display
poll-feed-add-option-dialog-textText styling for add option dialog
lm-feed-create-post-wrapper__dialog-headingDialog header text styling
post-poll-results-tab-layout-custom-styleResults tab layout styling
poll-feed-time-leftTime remaining display
post-poll-submit-button-custom-styleSubmit button styling
poll-option-text-input poll-feed-add-poll-option-input-custom-styleText input styling for poll options
cancelIconClose button icon styling
poll-option-wrapperContainer for poll options
poll-results-no-response-textText styling for no response state
poll-background-bar post-poll-selected-option-custom-styleBackground bar for selected option
lm-avatar lm-mr-4Avatar image with right margin
poll-results-screen-wrapperMain wrapper for results screen
poll-option-add-more-iconIcon for adding more options
poll-option-removeRemove option button styling
poll-results-memeber-list-wrapperContainer for member list in results
lm-feed-create-post-wrapperMain wrapper for poll creation
poll-feed-vote-count poll-feed-preview-advance-options-select poll-preview-subheading-style post-poll-info-custom-styleVote count and info display styling
poll-feed-total-votes poll-first-vote-textFirst vote text styling
post-poll-vote-count-custom-styleVote count styling
poll-feed-dotDot 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