Shape 5

Joomla Templates => Risen Hope - Club => : jimbondox August 24, 2014, 10:46:11 PM


: ion icons
: jimbondox August 24, 2014, 10:46:11 PM
Can I get a better explanation of it? very vague description. says it is available, but when I copy the code and place in a module... nothing..just a circle. please explain, I went through the faq also

: Re: ion icons
: mikek August 25, 2014, 07:04:55 AM
Hello,

There is a tutorial on using them found here:

http://www.shape5.com/demo/risen_hope/index.php/features-mainmenu-47/continued-vertex-features/ion-icons-integrated

: Re: ion icons
: skumkudde August 25, 2014, 09:20:10 AM
Hi,

I'm also having trouble with the icons. I've placed the sample code in articles but can't get any icons to show. I'm using a clean installation, no siteshaper - do I need to install any additional modules/whatever for the icons to work?

: Re: ion icons
: mikek August 25, 2014, 12:50:40 PM
Hello,

Make sure you have Ion Icons enabled in the Vertex admin under the General tab.

: Re: ion icons
: skumkudde August 25, 2014, 02:47:51 PM
Hi,

It's enabled. I tried installing a siteshaper, still not working...

: Re: ion icons
: mikenicoll August 25, 2014, 04:09:39 PM
Hello,

Can you try adding the code with the editor set to "None". Also, be sure that Super User - Text Filtering is set to None as well. Here is a code block example from one of our Site Shapers that I tested.
:
<div class="icon_outer_wrap">
	<div class="icon_hover">
		<a href="" class="ion-link icon_element"></a>
	</div>
	<div class="icon_non_hover">
		<span class="ion-headphone icon_element"></span>
	</div>
</div>

If that doesn't work let us know and we can look into it further. The latest downloads appear to be working for me with the coding above so its just possible something is interfering.

: Re: ion icons
: planetfish August 26, 2014, 06:18:26 AM
Having the same problem. I came here to report the problem but I see it's already reported.
Just to clearify what causes the problem: The ion icon code as installed with the SiteShaper is using code that is being cleaned out by the backend editor (by default TinyMCE). This is why mikenicoll is correct in his explanation. It will work if you edit the module with the editor settings switched to "none".

Is there another way to get around this without having to change the backend config in order to modify the module? I believe it's due to the fact that you are using <a>[/url] and <span></span> tags without any content. Therefore TinyMCE thinks of them to be redundant and deletes them.

: Re: ion icons
: mikek August 26, 2014, 07:50:22 AM
Hello,

Unfortunately, this is a problem with the editor itself. I've found several reports of the problem, it even strips calls, which have to be empty:

https://moodle.org/mod/forum/discuss.php?d=240159

The only way I can see it working is to either enter some dummy text in the spans like a period (you shouldn't see it since the size of the text is so larger), or turn the editor off while you're editing these areas.

: Re: ion icons
: skumkudde August 27, 2014, 12:13:09 PM
Hi,

Setting the editor to "None" solved it. Since I'm not hardcore enough to edit without an editor I switched to JCE instead of TinyMCE. It works well with JCE..

: Re: ion icons
: mikenicoll August 27, 2014, 11:04:56 PM
Glad you got it sorted.

Let us know if you have any further questions.