Share on Twitter - Can this be changed?

Hi,

I was about to go live with a large course I have made using H5P. I'm looking at hiding the twitter share link, but obviously I'd much rather have a better option as detailed in the previous post I made.I don't suppose there have been any updates or progress towards dealing with this "big problem" :-D

Many Thanks

Hi,

I have successfully removed the twitter icon & text from displaying using css along with the H5Pmods plugin following the instructions on hte link Falcon provided to the documention.

Simply put a css file in your theme or elsewhere in your wordpress and ensure you changed the line so its pointing to the css locaiton, here's the css code I used to make sure nothing displays - may be a little overkill.

<code>

/* H5P Custom CSS */
div.h5p-summary-twitter-message {display: none !important; visibility: hidden !important;}
.h5p-summary-twitter-message {display: none !important; visibility: hidden !important;}
div.show-twitter-icon {display: none !important; visibility: hidden !important; height: 0px; width: 0px;}
.show-twitter-icon {display: none !important; visibility: hidden !important; height: 0px; width: 0px;}
div.show-twitter-icon {clip: rect(0px, 0px, 0px, 0px); display: none !important; visibility: hidden !important; height: 0px; width: 0px;}
.show-twitter-icon {clip: rect(0px, 0px, 0px, 0px); display: none !important; visibility: hidden !important; height: 0px; width: 0px;}

.h5p-course-presentation .h5p-summary-twitter-message::before {
    font-family: 'H5PFontAwesome4';
    content: "" !important;
    padding-right: 0em;
    display: none;
    visibility: hidden;
    clip: rect(0px, 0px, 0px, 0px);
}

.h5p-course-presentation .h5p-summary-twitter-message::after {
    font-family: 'H5PFontAwesome4';
    content: "" !important;
    padding-right: 0em;
    display: none;
    visibility: hidden;
    clip: rect(0px, 0px, 0px, 0px);
}

.h5p-course-presentation .h5p-summary-twitter-message {
    font-family: 'H5PFontAwesome4';
    content: "" !important;
    padding-right: 0em;
    display: none;
    visibility: hidden;
    clip: rect(0px, 0px, 0px, 0px);
}

</code>

I tested using 4 browsers, Chrome, Firefox, Opera & IE all work.

Hope it helps others, but I'd really like to see the 'course presentation' library updated so we can pick and choose to modify the twitter share.

Thanks

Hi Falcon,

I also notice that there is configuration text in the 'settings and text' for course presentations that allows me to enter custom text for both 'twitter share' and 'facebook share'. However I don't see any facebook sharing to be functional anywhere. If I'm correct, why is there configuration text for it? Is this a feature your team was going to add? It appears to be different from the embedded facebook feature... or am I mistaken?

Thanks

Steve

Hi,

I will assign one of our coders from www.sheilds.org to implement settings for social shares. So, please keep an eye out for the request.

Removing the twitter share with CSS is not ideal; and it appears the facebook share was abandoned before completion.

I envisage the ability to customise the output message text and provide config settings for this option.

Thanks

Hi,

These changes were made about a month ago. Doesn't look like anyone has been actively monitoring the github issue and pull request we did. However this should now resolve your concerns and be ready for production don't ya think?

Any chance we can get this merged into the course presentation libraries soon?

Thanks

Hi fnoks,

That's great, I hope this gets into 'course presentation' as soon as possible. I really think a big push should be made to get this feature included, it will help of a lot of H5P users and promote H5P to the world!

I have tried to upload an example, creating the content type on H5P.org, but I get this error message when uplloading my .h5p file:

Could not validate H5P file.

Make sure the uploaded H5P contains valid H5P content. H5P files containing only libraries should be uploaded through the H5P Libraries page.

After scrapping this action I get another few messages:

• Missing required library H5P.CoursePresentation 1.91
• Missing required library H5P.CoursePresentation 1.91

Status message

• Note that the libraries may exist in the file you uploaded, but you're not allowed to upload new libraries. Contact the site administrator about this.
• Note that the libraries may exist in the file you uploaded, but you're not allowed to upload new libraries. Contact the site administrator about this.

Is there any way I can upload an example on H5P.org to demonstrate the social sharing modifications for 'Course Presentation', developer access perhaps? I'd like to get some feedback from users. I can of course provide an example linking to my own site, but I'd prefer it on H5P.org.

Thanks

Steve

Hi,

Checkout the screen shot of the course presentation summary page, where three social share options are now available with new CP updates from contributers www.sheilds.org.

You can specify the url you want to share for each, the message etc. Facebook, Twitter & Google all with configurable options.

Checkout the options on the screenshot.

Any thoughts and feedback would be appreciated, if you want a copy of the course presentation modified h5p activity you can download this one attached to this post for testing.