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

FORUM

Profile members on MY Page

I was wondering if anyone had a way to redesign the friends section on your MY page.

These icons look so big, clunky, and take up space. They should be smaller and the name should probably come as you hover over the icon or be below.

Any suggestions??

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

Join Ning Creators Social Network

Email me when people reply –

Replies

  • Yes that can be done, will take a look for you this evening when i get home from work.
    John :-)
    • Did you find a solution? I don't know why Ning just didn't give us this feature in the control panel.

      • Sorry for the delay been a bit of a hectic week at work, will get onto it for you asap.

        John :-)

        Yes it would have been nice to have it in the control panel or the same option we have for member avatar sizes when you use the add content option. As when you use that you can set the sizes for them as shown in the image below.

  • I cant believe no one has this issue but me and have not solved this.

  • You can adjust the avatar sizes with this, just change the width to the size required.

    .section-member-friends .avatar-90{ width:60px }

    You mentioned before about not showing the names unless hovered over, to be honest I would not bother as members generally want to see who is who without having to hover over the avatar, also hover does not work on mobile devices and lastly it could be a little hard to get the grid right as each members name can be different in size and also the other information that may be entered like the place they are from.

    • Thank you 

      Right now I have a big space between each item. Following that same logic, the container that each one should be coded to div.media-frame.matrix.item{ height:60px }

      Am I correct?

      And thanks again

      • As matrix items are shared with other parts of the network if you add that then this would affect the height of other matrix items on your site so you need to target just that part like this so it will not affect other matrix items

        .section-member-friends .media-frame.matrix-item{ height:60px; overflow:hidden }

        John :-)

  • You could also try this which I have on my site just now for testing. This will adjust the avatar sizes and also when you click on all friends it will adjust them there also and change the grid for them. As you have you frends in a small column they just site one under the other but if you decided to place them in a wider column this will adjust them for the grid as well.

    .section-member-friends .avatar-90, .membersListPage-user .avatar-90{ width:60px }
    .section-member-friends .media-frame.matrix-item{ height:60px; overflow:hidden }

    @media only screen and (min-width:769px){
    .membersListPage .matrix-itemFluid{ width:25%!important }
    }

    @media only screen and (min-width:969px){
    .section-member-friends .matrix-itemFluid{ display:inline-block }
    .section-member-friends .membersListPage-user{ width:33.3333%; }
    }

    • Thanks so much for this help things look sooooo much better now.

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

Steve C replied to Victoria_NING's discussion
What was done in Q1 and our plans for Q2
"Thank you, Ning! I was about to cry to Support again about how much I need to move to 3.0, and beg…"
28 minutes ago
Marco Westerhof replied to Victoria_NING's discussion
What was done in Q1 and our plans for Q2
"Sure: www.reefz.nl
Although it is primarily in Dutch, feel free to look at the setup. We work with…"
28 minutes ago
Gerard Nealy replied to Victoria_NING's discussion
What was done in Q1 and our plans for Q2
"Any chance of live stream?"
46 minutes ago
Elshara Silverheart replied to Victoria_NING's discussion
What was done in Q1 and our plans for Q2
"Well done Ning! the storage implementation sounds like a really cool idea. Perhaps a list of the mo…"
1 hour ago
Elshara Silverheart replied to Gavin Brown's discussion
Text Editor Problems
"Do you have a ning 2 or 3 network?"
1 hour ago
Elshara Silverheart replied to Gavin Brown's discussion
Text Editor Problems
"I think the change itself may be caused by how Tinymce handles the plugins required to add said fun…"
1 hour ago
Elshara Silverheart replied to Gavin Brown's discussion
Text Editor Problems
"this seems like normal behavior. So making sure tinymce gets called as soon as possible may make th…"
1 hour ago
Ning via Facebook

Improve your community every day! It's easier to say than to do, right? But not for…

Paul B Thomas replied to Gavin Brown's discussion
Text Editor Problems
"Hi I have similar issues at the moment. Cannot upload pictures, an error mesages comes up when I tr…"
2 hours ago
Gavin Brown replied to Gavin Brown's discussion
Text Editor Problems
"Thank you Kyryl
 "
3 hours ago
Traddie replied to Victoria_NING's discussion
What was done in Q1 and our plans for Q2
"Marco. Can you tell me what your network url is so that I can have a look at it. Tks"
3 hours ago
Elshara Silverheart replied to Steve O'Connor's discussion
How do you kill a Ning Network?
"As a matter of fact, here's proof it existed.
http://honeybadgerdontcare.ning.com/
And here's the d…"
4 hours ago
More…

Meanwhile, you can check our social media channels