HtmlSidebar Download 5.1

This component/theme works with latest OSSN version.

Arsalan Shah 9 years ago

HtmlSidebar

Allow admin to post some html code or javascript onto the right sidebar.

I'm wondering how hard it would be to write a component that would
allow us to insert HTML on the sidebars (left or right). It
could be useful for posting site news messages or widgets. Would it be
too difficult to do something like that?

Using this component you'll get idea about:

How to add new action
How to create component settings page
How to add content on right sidebar of newsfeed page.

Changes:

V 5.1
Fixed the mobile issue , thanks to Michael for fixing it.

V 5.0
Allow JS/CSS tags

V 4.3
A configurable option has been added to display the sidebar content on top of the newsfeed on mobile devices

V 4.2
Comes with a WYSIWYG editor now to allow more comfortable editing.
Of course you may still add your own plain html and/or javascript by choosing "Tools -> Source Code" from the editor menu top right like:
Choose Configure -> HTML on sidebar from your admin panel
Chosse Tools -> Source Code
Add your code ...
And save

Comments

Dominik L Replied 2 years ago

thanks for fixing! :)

Dominik L Replied 2 years ago

tested it with awesome theme on mobile phone, it doesn't show anything - I also enabled the function "Center right column on smartphones" but it does not work

on PC it is working:

enter image description here

But on mobile phone:

enter image description here

JACK AMPERES Replied 4 years ago

cancel previous post, i restored the component from back up, all working fine now

JACK AMPERES Replied 4 years ago

im getting the following error show up with the html side bar editor
enter image description here

Michael Zülsdorff Replied 4 years ago

You are right, Odhed.
Unfortunately, the editor which comes bundled with Ossn 5.2 is refusing the complete set of html tags to be used. That's why your spans got removed.
This issue will be fixed with the upcoming release of Ossn 5.3. Meanwhile try to use divs instead.

~ odhed ~ Replied 5 years ago

Hi .. thank you for this great components .. its very useful when viewing the website using mobile device .. the right sidebar can move on top of the news feed section.. but i got error when adding my shoutcast status .. using span code .. the components auto delete the code .. why is that?

fyi: I also use sidebar search components .. and adding shoutcast status html code above the search field and it works perfect .. but the trouble is when I use mobile .. those sidebar is disappear..

Rishi B Replied 5 years ago

Ah, nevermind, I just saw that you need to enter html markup in the "source code" section for the newest version of this component, disregard my note about v4.2 not working correctly under Ossn 5.0.

Rishi B Replied 5 years ago

v4.2 of this component does not seem to work with Ossn 5.0 (the version on the VM image, with the Textarea component enabled). Rather than displaying html, it displays the markup. I haven't tried v4.1, but v4.0 works fine and as expected in Ossn 5.0.