Setting Your 'Featured' event or profile dropdown list to reflect this

[Bizz ( John )]

Some time back I posted how to show if something has been featured on your pages, the issue was that if you feature something the text did not reflect that so you could easily un-feature something.

Here is the link to that post: Showing if a post has been featured for admins

Now here is another tip to show how you can change the text for our drop down items in events and profiles, bu the way you will notice in the demo images my drop down list is not gray and has been changed, I will be posting a seperate tip of how to do that.

Here are two demo images showing the change

Events Dropdown showing this event has been featured already

And here is a members profile page which has been featured

So here is the code to do this

First we add some custom code to the site&pages custom code end of page section. You will notice in the code a class is being added to the events detail page so we can make the adjustments in our css.

The first line is just using some standard Featured text for any other drop downs

The second line changes the Feature text to Event Featured for events

The third line changes the Feature text to Profile is Featured for profile pages that have been featured

<script>
// Set the drop down text for events featured and profiles featured
x$(document).ready(function(){
x$('.eventDetailPage').closest('body').addClass('eventDetail');
x$('.optionsDropdown-featureButton.feature-button.is-selected').text('Featured');
x$('.eventDetail .optionsDropdown-featureButton.feature-button.is-selected').text('Event Featured');
x$('.profileCoverArea-actions .optionsDropdown-featureButton.feature-button.is-selected').text('Profile is Featured');
});
</script>

Here is some optional css if you want that item to stand out by addinf some colour to it as you see in the above demo images. This you would add to your design studio custom css, change the colours to fit your site

darkblue is the background colour     color is the text colour.

/*OPTIONAL  CSS FOR CHANGING THE FEATURED DROP DOWN ITEM */
.eventDetail .optionsDropdown-featureButton.feature-button.is-selected{ background-color:darkblue;color:white; border-radius:4px }
.profileCoverArea-actions .optionsDropdown-featureButton.feature-button.is-selected{ background-color:darkblue;color:white; border-radius:4px }