Current status of the Ning Platform is always available on the Ning Status Blog.

My new Group Layout With Group Info Display

So the idea for this was to be able to view the About Group info without having to go to the group from the groups list page to find out what the group is about then go back to the group list page to view more groups. I also wanted to change the way the groups looked rather than those 'box's' in the group list page.

Note there is no code for this yet as still undergoing to testing and also getting the view group info working on normal groups list display and modules you add to pages.

Here is a link to the groups if you want to see how it looks and works by clicking the View Info button: https://jr-images.ning.com/groups

Here is an image showing the new layout, I also added a default look underneath so you can compare

8477145270?profile=RESIZE_710xSo as you can see there is a little View Info button so when you click that this shows up, it is scrollable if the content is longer than the box. You may notice also the little Square icon in the top left, this is so that you can make the box bigger to view the content if it's quite a bit. In the example below I added text, an image and also a video into the about section so this will show up here so you can see how that would look.

8477146076?profile=RESIZE_710xHere is the box when it's expanded to view it bigger

8477148665?profile=RESIZE_710xWell hope you like what you see so far and of course will share it all once completed.

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

Join Ning Creators Social Network

Votes: 1
Email me when people reply –

Replies

  • I like it...Thanks.

  • NC for Hire

    Looks Awesome Bizz..

    • Thanks JF, you may notice that the groups looks normal at the moment as just working on getting the View info to work with normal group layouts and group modules.

      You may be interested to see I have done something similar to the photo's so when you hover over a photo it shows the title and who posted it and when.

      8497584252?profile=RESIZE_930x

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Rosas † Negras posted a discussion
 textarea.input-full { border: 2px groove #FFF;padding:border: 0px solid rgba(100, 100, 100, 1);…
4 hours ago
⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜ replied to ⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜'s discussion
Need help with CSS and HTML / CSS Code for layout
"I got my buttons coding going and changed on most layouts now. I like it when things glow lol "
19 hours ago
⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜ replied to ⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜'s discussion
Need help with CSS and HTML / CSS Code for layout
"I thought you may be an NC for Hire as well? My bad. You could probably be one tho if you wanted to…"
19 hours ago
Rosas † Negras replied to Rosas † Negras's discussion
Ning 3.0 - if you want to stylize your status-container these are CSS
"i added the perfect css thanks for making the remark"
yesterday
Rosas † Negras replied to Rosas † Negras's discussion
Ning 3.0 - if you want to stylize your status-container these are CSS
"status-container {border: 2px groove #eed255;padding: 10px;border-radius:…"
yesterday
Rosas † Negras replied to Rosas † Negras's discussion
Ning 3.0 - if you want to stylize your status-container these are CSS
"I don't copy codes, the first person who created this is jen ,you have never had this css since I…"
yesterday
Rosas † Negras replied to Rosas † Negras's discussion
Ning 3.0 - if you want to stylize your status-container these are CSS
"thank you my Master Bizz "
yesterday
Rosas † Negras replied to Rosas † Negras's discussion
Ning 3.0 - if you want to stylize your status-container these are CSS
"⚡JFarrow⌁ 
we all miss you brother. creators in need of your codes,let's make this place alive…"
yesterday
Rosas † Negras replied to Rosas † Negras's discussion
Ning 3.0 - if you want to stylize your status-container these are CSS
".status-container {border: 2px groove #eed255;padding: 10px;border-radius:…"
yesterday
⚡JFarrow⌁ replied to Rosas † Negras's discussion
Ning 3.0 - if you want to stylize your status-container these are CSS
"took the words out of my fingers..."
yesterday
Bizz replied to Rosas † Negras's discussion
Ning 3.0 - if you want to stylize your status-container these are CSS
"The above code you added is wrong, it has a curley bracket at the start and not one at the end of…"
yesterday
Bizz replied to ⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜'s discussion
Need help with CSS and HTML / CSS Code for layout
"I will add my profile themes back onto my demo site as this will give you some idea of just how…"
yesterday
More…

Meanwhile, you can check our social media channels