Support Forum

Every time that you post a problem, PLEASE add the Joomla and the extension's versions and revisions (for example: Joomla 3.3.6, Contact Enhanced 3.3.5), PHP version and Server's Operating System. If you only manage only one site it is easier if you edit your profile and just add that information to your signature. Don't forget to add a detailed description of the problem. If possible, write down all steps to simulate the problem.

Before submitting a new post, PLEASE make sure you are running the latest version, test in different browsers (IE, FF, Chrome,..) and clear Joomla and browser's cache after every change you make.

Also, most questions are already answered in our FAQ and in iFAQ and Contact Enhanced documentation pages.

  1. Forum
  3. Ideal Joomla Extensions
  5. Component: iFAQ - Frequently Asked Questions
  7. Display an image to the right hand side of the FAQ Header?
× Frequently Asked Questions using Joomla content articles. iFAQ (former MooFAQ) is a FAQ Component for Joomla!™ which uses jQuery and Bootstrap to load Joomla Articles in Accordion format.

Product Page | Documentation Page

Display an image to the right hand side of the FAQ Header?

14 years 11 months ago #347 by jonnyt
http://www.harrogatebuildingtrades.co.uk/directory/index.php?option=com_moofaq&view=category&id=31&Itemid=117

How Can i display a custom image to the right hand side of the FAQ Header?

my image is reveal.png

and the idea is the it helps the user to understand that they need to click reveal to reveal the answer.


Many thanks for your kind help!

Please Log in or Create an account to join the conversation.

14 years 11 months ago #348 by douglas
Dear Jonny,

You can add a description for the General FAQ Category and add your image and/or message there.
Also, make sure you set the menu item parameters to show description and image.

Regards,

Please Log in or Create an account to join the conversation.

14 years 11 months ago #349 by jonnyt
http://www.harrogatebuildingtrades.co.uk/directory/index.php?option=com_moofaq&view=category&id=31&Itemid=117


Ive done everything you said but its still not displaying?

here is my panel.css code which i have modified slightly:-
.pane-sliders .title{margin:0;padding:2px;color:#666;cursor:pointer}
.pane-sliders .panel{border:1px solid #ccc;margin-bottom:3px}
.pane-sliders .panel h3{color:#FF6600; font-size:15px;}
.pane-sliders .content{padding:9px;background:#f6f6f6;padding:20px;}
.pane-sliders .adminlist{border:0 none}
.pane-sliders .adminlist td{border:0 none}
.jpane-toggler  span{background:transparent url(../images/j_arrow.png) 5px 50% no-repeat;padding-left:30px}
.jpane-toggler-down span{background:transparent url(../images/j_arrow_down.png) 5px 50% no-repeat;padding-left:20px}
.jpane-toggler-down{ border-bottom:1px solid #ccc;padding-left:20px;}

Please Log in or Create an account to join the conversation.

14 years 11 months ago - 14 years 11 months ago #350 by douglas
For some reason my ISP returns a message that your website could not be found. The funny thing is that I've just visited it.

Anyway, I think I understand know what you want. You want a small image on the right of each FAQ title. Is that it?

In order to do so, please change this line:
.pane-sliders .panel h3{color:#FF6600; font-size:15px;}
For this one:
.pane-sliders .panel h3{background:url(../images/reveal.png) no-repeat scroll 98% 50%;color:#FF6600; font-size:15px;}

And don't forget to upload your image to the server.

Regards,

Please Log in or Create an account to join the conversation.

14 years 11 months ago #354 by jonnyt
http://test.harrogatebuildingtrades.co.uk/index.php/component/option,com_moofaq/Itemid,117/id,31/view,category/

Works great and looks great!

thanks!

Please Log in or Create an account to join the conversation.

14 years 11 months ago #356 by jonnyt
http://test.harrogatebuildingtrades.co.uk/index.php/component/option,com_moofaq/Itemid,117/id,31/view,category/

My FAQ now looks great with MooFAQ.

i have managed to get the image to the right hand side which looks great but now im thinking, "what would make it even better?"

So, stepping things up to the next level I now ask:-

1) For the rigth hand image what needs to be done to make it a rollover image. I have reveal.png and reveal-roll.png.
2) If the item is exapanded then change the right hand side image to hide.png

Im thinking the above requires some code modifications, but hey these could be suggestions for future builds!

Anyway, my implementation of mooFAQ is getting close to being template worthy!


Many thanks!

Please Log in or Create an account to join the conversation.

  1. Forum
  3. Ideal Joomla Extensions
  5. Component: iFAQ - Frequently Asked Questions
  7. Display an image to the right hand side of the FAQ Header?
Powered by Kunena Forum

Copyright © 2018 IdealExtensions.com. All Rights Reserved.

This site is not affiliated with or endorsed by the Joomla!™ Project. It is not supported or warranted by the Joomla!™ Project or Open Source Matters™. The Joomla!™ logo is used under a limited license granted by Open Source Matters™, the trademark holder in the United States and other countries.
We may collect your IP address and your browser's User Agent string while using our site for security reasons and deriving aggregate information (analytics). This information is retained for a minimum of 1 and a maximum of 24 months.
Feedback