Support

  1. rayjbarrett
  2. General
  3. Friday, December 06 2019, 03:15 PM
  4.  Subscribe via email
I am looking to improve the look of my profile listing pages. Any suggestions? I am not skilled a coding.
admin Accepted Answer
Admin
Hi,
we can help if it's simple, let me know how you want to change the layout :)
  1. more than a month ago
  2. General
  3. # 1
rayjbarrett Accepted Answer
Pro
I would like the changes to not be effected by updates if possible. I have seen this done well on one site in the past. I am not sure of how or what to improve but am open to suggestions. I know that the one I saw in the past looked a LOT better than mine. Here is my page: https://telementalhealthtraining.com/find-a-provider
Thank you.
  1. more than a month ago
  2. General
  3. # 2
admin Accepted Answer
Admin
Hi,
you can make layout modifications by adding a bit of CSS code yo your template.
Instead if you need to change output then you can use template override features, for example for the users list you can follow these steps:
- Go to Extensions->Templates->Templates
- Choose your theme
- Goto tab "Template Override"
- Choose "com_jsn"->"list"
- Edit new files
Template override will be not rewritten on Joomla or Easy Profile updates.
  1. more than a month ago
  2. General
  3. # 3
rayjbarrett Accepted Answer
Pro
Great. Do you think there are improvements which you can make on the page for me? Do you have an example? Thank you.
  1. more than a month ago
  2. General
  3. # 4
admin Accepted Answer
Admin
Hi,
for example you can have a small improvement by adding following CSS rules:
/* Title Style */
.jsn-l-title h3{
font-weight:bold;
font-size:16px;
font-family:Open Sans;
}
/* Fields Style */
.jsn-l-fields{
color:#777;
font-family:
}
.type_of_service{
font-weight:bold;
margin-bottom:4px;
color:black;
}
/* Over Effect on Avatars */
.jsn-l-avatar{
overflow:hidden;
border-radius:5px;
border:2px solid #337ab7;
}
.jsn-l-avatar img {
border-radius:0px;
transition: transform .2s; /* Animation */

}
.jsn-l-avatar img:hover{
transform: scale(1.2) rotate(15deg); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
Of course if you have some idea then we can help you to fit your needs :)
  1. more than a month ago
  2. General
  3. # 5
rayjbarrett Accepted Answer
Pro
In the com_jsn/list folder there are several files.
Which would do I add the code to?
default.php, default_search.php, defualt_user.php, export.php, table.php, table_search.php, table_user.php
Thank you
  1. more than a month ago
  2. General
  3. # 6
admin Accepted Answer
Admin
Hi,
main files are
- default.php: Users List menu item view
- table.php: User List Table menu item view
- export.php: this is the output of the export user feature

All other files are subviews
- default_search.php: the form view in Users List menu item
- defualt_user.php: the user block in Users List menu item
- table_search.php: the form view in Users List Table menu item
- table_user.php: the user row in Users List Table menu item

Basically in your case you use a menu item of type Users List, so you can copy and edit only following files: default.php and defualt_user.php
  1. more than a month ago
  2. General
  3. # 7
rayjbarrett Accepted Answer
Pro
Okay,
So which file do I put the custom code you sent in? Do I just add it to the bottom of the file?
  1. more than a month ago
  2. General
  3. # 8
admin Accepted Answer
Admin
Hi,
you can put the code at the end of file default.php
<style>
HERE CSS CODE
</style>
  1. more than a month ago
  2. General
  3. # 9
  • Page :
  • 1


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

Request Support

Support is currently Offline

Support Availability

Working days: Monday to Friday. The support staff is not available on weekends; in the most of cases tickets will not be answered during that time.

Reply time: Depending on the complexity of your support issue it's usually between a few minutes and 24 hours for paid members and about one week for free members. When we expect longer delays we will notify you.

Guidelines

Before you post: read the documentation and search the forums for an answer to your question.

When you post: include Site Details if you request a support (you can use the form below the reply in Site Details tab).

Auto Solved Question: If after a week the author of the post does not reply to a request by moderator, the question will be marked as resolved.

Language: only English

Search Users

Easy ProfileĀ® is not affiliated with or endorsed by Open Source Matters or the Joomla Project. Joomla is Free Software released under the GNU/GPL License.