Joomla Templates Club 406,261 posts

[baijianpeng Friend baijianpengJoin date: March 2006Posts: 96Downloads:281Uploads:5 Thanks: 6 Thanked: 1 times in 1 posts]

#904934

My testing Joomla was built with JA Hotel template v1.0.3 quickstart package. So I can get the same frontend as JA official demo.

Well, there is a menu item titled "JOOMLA!" (first level) on the top navigation menu, if clicked, this menu item will open a "single article" page, which linked to an article titled "Joomla Page" in the "Pages" category.

This page is the same of following page on JA official demo:

http://ja-hotel.demo.joomlart.com/index.php/en/joomla

Now, I want to change the content of those blocks inside that article to Chinese language. But when I edit the article "Joomla Page" and saved it, then those Font Awesome icons inside those 8 blocks disppeared, ALL of them disappeared, though I only changed one word "Login" to Chinese language.

Then I edit this article again, turn it back to original English word "Login", and saved it. However, on frontend page, those Font Awesome icons DID NOT come back.

This is very weird.

When I check the source code of your official DEMO page, I know those icons were shown with following code such as:

<i class="fa fa-lock"></i>

But, when I check the original content of that same article in the Quickstart package, there is no such a line of code in it.

So I am very curious about following two questions:

1. How did you show those Font Awesome icons without insert the above mentioned code inside the article content?

2. Why those icons will NOT show up again even after I restore the article content as before?

Thank you.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#904964

Hi

First to edit this type of article you should disable your default editor in this way when you save it code is not stripped out

This is an example of code to add to article for first block

<div class="joomla-page clearfix">
    <div class="col-sm-6 col-lg-3 bn-item">
        <div class="circle-icon border"><i class="fa fa-lock"></i></div>
        <h4><a href="index.php?option=com_users&view=login&Itemid=488">Login</a></h4>
        <p class="text-intro">Quisque dictum magna eu metus fringilla, in mollis tellus tempor. Aliquam placerat posuere diam.</p>
        <a class="btn btn-primary btn-sm" href="index.php?option=com_users&view=login&Itemid=480">Details</a>
    </div>

1) All is set into /templates/ja_hotel/css/template.css file

Look at these

.joomla-page {
.joomla-page .circle-icon {
.joomla-page .circle-icon .fa {

2) You should disable your default editor when article is saved

Hope it helps

[baijianpeng Friend baijianpengJoin date: March 2006Posts: 96Downloads:281Uploads:5 Thanks: 6 Thanked: 1 times in 1 posts]

#905136

Ok, I made a new test: install JA Hotel quickstart again as a fresh installation, then at first, login to backend and choose "Editor – None" as the default editor. This time when I open that article, I can see those code of Font Awesome icons were there.

Well, this is a little weird, why TinyMCE editor will filter those icon code? I checked the settings of TinyMCE editor plugin, the "Prohibited Elements" only contains 3 :

script,applet,iframe

But the icon code is "i" element.

Why TinyMCE will filter them while they are not on the Prohibited Elements list?

Thank you.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#905190

baijianpeng wrote:

Why TinyMCE will filter them while they are not on the Prohibited Elements list?

Hi

Good question , but you should post it into Joomla.org forum , since this is pretty Joomla core settings and has nothing to do with the template

Best regards

[Author]

Posts