Coming really soon...

Forum

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 }

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Email me when people reply –

Latest Activity

Jennifer Peterson replied to Jennifer Peterson's discussion
How to Make Profile Picture Size Bigger on Profile Page
"Hi kyryl,
I put your code in and it did work :) I will try Johns tonight when I am able to work on…"
9 minutes ago
Jennifer Peterson replied to Jennifer Peterson's discussion
How to Make Profile Picture Size Bigger on Profile Page
"Ok sounds good John. I did use the code earlier from what kyryl gave me. I will wait for yours and…"
10 minutes ago
Manuel A J replied to Kyryl_Ning_Support's discussion
Chat Feature Update on Ning 3.0 is ready!
"Hola Kyryl ... sigue el chat sin enviar un mensaje ... cada vez que tienes que actualizar ... esto…"
22 minutes ago
Bizz ( John ) replied to Jennifer Peterson's discussion
How to Make Profile Picture Size Bigger on Profile Page
"Hi Kyryl, I see you added some code for Jennifer for the text. That's an awful lot of code to do th…"
53 minutes ago
Bizz ( John ) replied to Jennifer Peterson's discussion
How to Make Profile Picture Size Bigger on Profile Page
"Hi Jennifer, here is the line off css for the text you wanted. I have added your logo and the text…"
54 minutes ago
Bizz ( John ) replied to Jennifer Peterson's discussion
How to Make Profile Picture Size Bigger on Profile Page
"Hi Jennifer, thanks for posting the message. You might have sent it on my old profile ( the one wit…"
4 hours ago
Ning via Facebook

#Ning #secret #success Do you want to have the secret weapon for growing your online community?…

Ning via Facebook

#Ning #learn #English Learning English or know someone who does? Check out a guide for learning…

More…