Support

    You are here:  
  1. Home
  2. Support
  3. Search user and export
Toggle Submenu
  1. Forums
  2. Recent
  3. Categories
  4. Tags
  5. Users
  6. Badges
Support is currently Offline
Support Offline
It's past support hour. We are taking some rest and will come back stronger tomorrow. Promise!
Official support hours:
Monday To Friday except Saturday and Sunday
From 09:30 To 17:00
Our current time: Friday 2:19 am
Add a reply View Replies (9)

Resolved Custom Layout UI

  1. rayjbarrett
    rayjbarrett
  2. General
  3. Friday, December 06 2019, 03:15 PM
I am looking to improve the look of my profile listing pages. Any suggestions? I am not skilled a coding.
Responses (9)
admin
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
rayjbarrett Accepted Answer
Content Protected
  1. more than a month ago
  2. General
  3. # 2
admin
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
rayjbarrett Accepted Answer
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
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
rayjbarrett Accepted Answer
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
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
rayjbarrett Accepted Answer
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
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
Ask a Question
Official support hours:
Monday To Friday except Saturday and Sunday
From 09:30 To 17:00

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.

We use a few cookies

Our site uses non fat, delicious cookies which help us improve your user experience. You can read more about it in our Legal page.