1. abdul
  2. Support
  3. Sunday, September 02 2018, 09:33 AM
Hi...

Please have issues. In your demo, the icons in the fields are showing on profile lists just like first image here.

On my project, it does not display as your demo and i have installed Pro. Version

Thank you
Attachments (2)
admin Accepted Answer
Admin
Hi,
in the User List menu item you can choose which field you want to display in the list. see screenshot
Attachments (1)
  1. more than a month ago
  2. Support
  3. # 1
abdul Accepted Answer
Thank you for your kind response.

I have set the list and it appeard.. But the issue now is that the icons does not show and the online status point does not show green or red of user is offline.

See screen

Thank you.
  1. more than a month ago
  2. Support
  3. # 2
admin Accepted Answer
Admin
Hi,
in this site we have used CSS code to add icons. but there are also other different ways:
1) With CSS like this site, this require CSS knowledges
2) Template Override, this require PHP knowledges
3) HTML delimiter field type, this is a bit complex

I think the fastest way is to use CSS, you can add following CSS code to your template:
.jsn-l-fields .ALIAS_OF_FIELD:before {font:normal normal normal 14px/1 FontAwesome; content: "\ICONCODE"; display:inline-block; margin-right:5px;}


for example to add clock icon before registerdate field then you can use following CSS code:
.jsn-l-fields .registerdate:before {font:normal normal normal 14px/1 FontAwesome; content: "\f017"; display:inline-block; margin-right:5px;}
Here we have replaced "ALIAS_OF_FIELD" with "registerdate" and "ICONCODE" with "f017"

Your template is build with FontAwesome so you can find the code at https://fontawesome.com/ (see screenshot, you can use search bar to find correct icon)
Attachments (1)
  1. more than a month ago
  2. Support
  3. # 3
abdul Accepted Answer
Content Protected
  1. more than a month ago
  2. Support
  3. # 4
admin Accepted Answer
Admin
Hi,
So i have to insert this code for every field?
Yes, for each field shown in the list where you want to add the icon.

I tried to add the code to css in my template but no changes. and how do i link the code to a filed?
I does not see this code in your site :(

By the way: i changed my template and now i can see the statuses. :) but now left with the icons :(
In your template seems to missing some bootstrap classes, you can fix it by adding following CSS code:
.label-important{background:red}
.label-success{background:green}
  1. more than a month ago
  2. Support
  3. # 5
abdul Accepted Answer
Thank you very much...

The Status Now works perfectly.

I have these two questions:

#1. In which location in the template i have to inside the code like this " .jsn-l-fields .registerdate:before {font:normal normal normal 14px/1 FontAwesome; content: "\f017"; display:inline-block; margin-right:5px;} "
same custome css ?


#2 The template is mal fuctioning, it shifted my page arrangement ... if you click service menu or the How it works, you see how it becomes.. what could be the issue please? not like this before. i have also installed the same template.

Thank you.
References
  1. http://xperthub.joomschool.com/index.php/services
  1. more than a month ago
  2. Support
  3. # 6
admin Accepted Answer
Admin
Hi,
sorry for late reply,

1) Yes, always in Custom CSS parameter

2) Try to disable "Author Link" in Content->Articles->Options->Articles
  1. more than a month ago
  2. Support
  3. # 7
abdul Accepted Answer
Content Protected
  1. more than a month ago
  2. Support
  3. # 8
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.