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

FORUM

So I started to let a few people join my site and I asked them to post content.

I watched their process and realised most people want to begin blogs, photos, videos from their member page. Yes its good to go to the community section but this is how a good majority of my people was thinking. So instead of fighting it I figured go with it. So I decided to add a Link Bar in their member profiles so they could get to the add Blogs, add Discussion, add Videos pages and then BAM!!!! I hit the wall.

Adding Photos is a totally different process from a developer point of view. Every other section you have to input info into the website, but Photo's are uploaded via a form.

 

Ok so, I tried to easily copy the code from the Photos page that gives you the little  "+" sign and BAM!! IT does not work.

So right now I can get the pic files to be seleected from my hardrive, but there is some element that is making the form go once a file is selected.

 

The Question

I know you might say NO but, can I have the code that will allow me to Upload a photo via the wording + Add Photo. Or at least by the "+" icon?

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

                    • Hey there Kyryl. Idk where to put it in the code as I don't see a color code. Can you please show me where to put the button :) I am not good at coding. 

                    • Hi there!

                      I have changed John's code a bit:

                      /* COLOURS FOR THE FEATURE EDIT AND ADD BUTTONS AND MAKE THEM ROUND*/
                      .linkbar.linkbar-iconic .button.button-iconic { border:none;border-color:transparent;border-radius:50px;font-size:1em;color:white }
                      .linkbar.linkbar-iconic .button.button-iconic .icon{ vertical-align:middle;height:auto; }
                      .linkbar.linkbar-iconic .button.button-iconic { background-image: url("Link_to_background"); background-size: cover;}
                      /*Hover colour for all of them*/
                      .linkbar.linkbar-iconic .button.button-iconic:hover,.linkbar.linkbar-iconic #photoupload .button.button-iconic:hover{background-image: url("Link_to_background_on_hover");color:white}

                      Link_to_background - should be replaced with the link to the image of the background you wish.

                      Link_to_background_on_hover - same as Link_to_background but it should be the link to the other file that would be placed on the background of the element once you have hover mouth cursor over it.

                      P.S. background-size: cover - not sure about this property as it depends a bit of the image you are going to use as the background.

                      Best wishes,

                      Ning Team.

                    • Hey there Kyrl that code is not working for me to change the buttons in this picture that are in the status update bar. :( The code I am using right now for these buttons is: 

                      <script>
                      if (typeof(x$) != 'undefined') {x$(".status-container").append('<div align="center" style="margin-top:15px;"><a class="button button-primary" href="/photos" target="_blank" title="Add Photo">Add Photo</a>&nbsp;&nbsp;<a class="button button-primary" href="video" target="_blank" title="Add Video">Add Video</a>&nbsp;&nbsp;<a class="button button-primary" href="events" target="_blank" title="Add Event">Add Event</a>&nbsp;&nbsp;<a class="button button-primary" href="discuss" target="_blank" title="Add Group">Add Group</a>&nbsp;&nbsp;<a class="button button-primary" href="polls" target="_blank" title="Add Poll">Add Poll</a>&nbsp;&nbsp;</div>');
                      }
                      </script>

                      can you please show me where I can put the background image code in these codes please? 

                       

                    • Hi there!

                      The code I have provided shouldn't change the background of the buttons you have presented on the screenshot, it changes the background only for the buttons that are mentioned in John's tip since your original question has been posted there I thought you are talking only about those buttons.

                      Fro the buttons from the screenshot the code would be following:

                      .button.button-primary { background-image: url("Link_to_background"); background-size: cover;}

                      .button.button-primary:hover { background-image: url("Link_to_background_on_hover"); background-size: cover;}

                      Please refer to the previous comment to see what should be inserted instead of the Link_to_background and Link_to_background_on_hover.

                      Best regards,

                      Ning Team.

                    • Hey there Kyryl Sorry I was not able to get the code working :/ can you write it out for me please when u get a chance. 

  • I tried a similar thing some time back but behind those buttons is a form to activate the photo add form. When you have selected the photos the code will look for the photo page for it to add them too, this is why by just adding the buttons to add photos it does not work. The way it's written is it must have a photo page to add them too. You best bet is just to add a button on the profile page which will open the photo page much like clicking on the photos tab in the navbar, at least that way your members have an inclining that they need to go to the photos page to add them.

    With regards to photo albumns I have been asking for them to be added for years, seems odd that these are not here as standard as it's one of the most used basic items on all social platforms.

    • Thanks John. I figured that would have to be my only choice for right now.

  • some how we got on a tangent with @Matthew Aukai Wright  can we have a solution to the main post? There must be script that can be written to make the pictures upload from the profile pages directly.

    • I am sorry? Idk if I am suppose to be insulted or what but not all the attention is on me. I do apologize if that is what it seems. But I try to help you and I thought I understood your question so I tried to help you and that is the best we can do with the code and Kyryl I think it was when I ask Kyryl he said it will require backserver coding to upload a picture, and other modules just to upload it from the status container bar and that pose a saftey risk as the servers could be hacked I believed. I am not really good in coding but try to play around with the codes that is how I learned that's all I can tell you to do. 

      • Add This In Your custom code end of page 

         

         

        <script>
        //Photo Add Quick Link
        // Holding div for the link
        x$('<div/>',{ class : 'OpenStatus-Links'}).appendTo('.js-statusForm.statusForm');
        x$('<div/>',{ class : 'OpenStatus-Links'}).appendTo('.tabContainerSection-pane.section-member-activity.js-statusForm.statusForm');
        x$('<div/>',{ class : 'OpenStatus-Links'}).prependTo('.tabContainerSection-pane.section-member-photoEntries');
        //ADD LINK TO OPEN THE PHOTO PAGE
        x$('<a href="http://thisisbully.dog/photos" class="OpenStatusAddPhoto" title="Add Photo/s">Add Photo</a>').appendTo('.OpenStatus-Links');
        </script>

        <script>
        // Hide the add photo link if not a member
        x$(document).ready(function() {
        if(ning.CurrentProfile == null){
        x$(".OpenStatus-Links").hide();
        }
        });
        </script>

         

This reply was deleted.

Announcements

 

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

Wullie Steele replied to Kyryl_Ning_Support's discussion
Changes on facebook, and new instructions how the app should be set up
"What really gets me is the out of date instructions built in to the network's members sign up/sign…"
3 hours ago
Gavin Brown replied to Kyryl_Ning_Support's discussion
Changes on facebook, and new instructions how the app should be set up
"Despite many back and forth conversations about this and assurances from Ning staff that it is work…"
3 hours ago
Wullie Steele replied to Kyryl_Ning_Support's discussion
Changes on facebook, and new instructions how the app should be set up
"Just wasted nearly two full days following the old out of date information provided via the sign up…"
4 hours ago
Anam replied to Steve C's discussion
Comparing Speeds of Ning 2 and Ning 3 Sites
"Hi Anastasia, I sent you a PM. I think your response perhaps indicates that some others are having…"
8 hours ago
Anastasia_Ning_Support replied to Steve C's discussion
Comparing Speeds of Ning 2 and Ning 3 Sites
"Hello Anam! 
I apologize for the inconveniences!
We are currently looking into loading speed compla…"
9 hours ago
chienella peter, Tracy McLaughlin, Sherry Blatchley and 14 more joined Ning Creators Social Network
9 hours ago
Hugh replied to Hugh's discussion
Support So Bad - Even the Support System Now Broken
"By the way - I'm glad to be able to report that at least the support system has now been mended.
An…"
12 hours ago
Hugh replied to Hugh's discussion
Support So Bad - Even the Support System Now Broken
"Thanks Anastasia. If it would makes things zip along any quicker, I can happily live without insigh…"
12 hours ago
Helela replied to Hugh's discussion
Support So Bad - Even the Support System Now Broken
"They are nice.. But for four years I've been off or things going wrong since I've opened my site a…"
17 hours ago
Helela and Ron are now friends
NC for Hire
17 hours ago
Steve C replied to Hugh's discussion
Support So Bad - Even the Support System Now Broken
"Even though only email support comes with my $60 plan, I call support if I need to and I've never b…"
19 hours ago
Helela replied to Hugh's discussion
Support So Bad - Even the Support System Now Broken
"And, while I'm at it, my facebook sharing button only shows a great big blurry star on facebook. It…"
20 hours ago
More…

Meanwhile, you can check our social media channels