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: Monday 9:23 pm
Add a reply View Replies (29)

Resolved User list layout

  1. nshui
    nshui
  2. Presales Question
  3. Friday, June 09 2017, 02:40 AM
I have a few question before buy BASIC，User list thumbnails. Can change size? It looks like this ：
Attachments (1)
2017-06-09_082843.jpg 2017-06-09_082843.jpg
  1. article
Responses (29)
admin
admin Accepted Answer
Admin
Hi,
this is possible, you can change size of stored image from Avatar field configuration, of course to show a page like screenshot you need also to add few lines of CSS.

for example with a CSS code like this you can see a page like screenshot from this site (keep in mind that we use square small images, but you can set resolution and ratio from avatar options, also you can set number of column)


.jsn-l-avatar {float:none;margin:0;}

.jsn-l-avatar a,.jsn-l-avatar img{width:95%;}

.jsn-l-title,.jsn-l-fields{display:none;}


You can test this also in Free version.
Attachments (1)
screen.jpg screen.jpg
  1. more than a month ago
  2. Presales Question
  3. # 1
nshui
nshui Accepted Answer
Basic
thanks ,Which file adds this CSS code? Is it anywhere?
  1. more than a month ago
  2. Presales Question
  3. # 2
admin
admin Accepted Answer
Admin
Normally styles are managed by Template. So you can ask to your template provider where to put custom CSS code.

If you use Joomla Protostar template (default and pre-installed template) then you can create a file in /templates/protostar/css/user.css and add the code in this file.
  1. more than a month ago
  2. Presales Question
  3. # 3
nshui
nshui Accepted Answer
Basic
The file name is: (user.css)?
  1. more than a month ago
  2. Presales Question
  3. # 4
admin
admin Accepted Answer
Admin
Yes, you need to create and protostar template will load it
  1. more than a month ago
  2. Presales Question
  3. # 5
nshui
nshui Accepted Answer
Basic
Is it loaded automatically? Add code to template?
  1. more than a month ago
  2. Presales Question
  3. # 6
nshui
nshui Accepted Answer
Basic
Thank you. I'll try it right now
  1. more than a month ago
  2. Presales Question
  3. # 7
nshui
nshui Accepted Answer
Basic
It doesn't work? Is that so?
  1. more than a month ago
  2. Presales Question
  3. # 8
admin
admin Accepted Answer
Admin
Hi,
why you send me this screenshot?! I tell you:
"If you use Joomla Protostar template (default and pre-installed template) then you can create a file in /templates/protostar/css/user.css and add the code in this file."

Keep in mind that add style to a template is not something about Easy Profile, this is something that regards Joomla.
  1. more than a month ago
  2. Presales Question
  3. # 9
nshui
nshui Accepted Answer
Basic
I did, but it didn't load
  1. more than a month ago
  2. Presales Question
  3. # 10
nshui
nshui Accepted Answer
Basic
There is no link to CSS, and it certainly won't load
  1. more than a month ago
  2. Presales Question
  3. # 11
admin
admin Accepted Answer
Admin
the link will be generated if file exist, see code at line 86 (and comment at line 85) in file /templates/protostar/index.php.

Do you use protostar template?
  1. more than a month ago
  2. Presales Question
  3. # 12
nshui
nshui Accepted Answer
Basic
certainly, I'll take a look at it again
  1. more than a month ago
  2. Presales Question
  3. # 13
nshui
nshui Accepted Answer
Basic
That's true , why isn't it loaded?
  1. more than a month ago
  2. Presales Question
  3. # 14
nshui
nshui Accepted Answer
Basic
Content Protected
  1. more than a month ago
  2. Presales Question
  3. # 15
admin
admin Accepted Answer
Admin
Hi,
user.css is loaded but seems to be some CSS directive that override some of new rules,
so try with this code:
.jsn-l-avatar {float:none !important;margin:0;}

.jsn-l-avatar a,.jsn-l-avatar img{width:95% !important;}

.jsn-l-title,.jsn-l-fields{display:none;}


After changes try to clean your browser cache.
  1. more than a month ago
  2. Presales Question
  3. # 16
nshui
nshui Accepted Answer
Basic
Content Protected
  1. more than a month ago
  2. Presales Question
  3. # 17
admin
admin Accepted Answer
Admin
For me works, please clean browser cache.
  1. more than a month ago
  2. Presales Question
  3. # 18
nshui
nshui Accepted Answer
Basic
The extplorer component looks like this
  1. more than a month ago
  2. Presales Question
  3. # 19
admin
admin Accepted Answer
Admin
I know, you need to clean your browser cache.
  1. more than a month ago
  2. Presales Question
  3. # 20
nshui
nshui Accepted Answer
Basic
thanks
  1. more than a month ago
  2. Presales Question
  3. # 21
nshui
nshui Accepted Answer
Basic
It's ok now，thanks
  1. more than a month ago
  2. Presales Question
  3. # 22
nshui
nshui Accepted Answer
Basic
A new problem, the thumbnail field display disappears, how does it display?
  1. more than a month ago
  2. Presales Question
  3. # 23
admin
admin Accepted Answer
Admin
Hi,
this is normal, you ask me a way to show only a big avatar.

replace code 


.jsn-l-title,.jsn-l-fields{display:none;}

with this


.jsn-l-title,.jsn-l-fields{margin-left:0 !important;}
  1. more than a month ago
  2. Presales Question
  3. # 24
nshui
nshui Accepted Answer
Basic
Not only does it require large thumbnails, but it also needs to display fields
  1. more than a month ago
  2. Presales Question
  3. # 25
nshui
nshui Accepted Answer
Basic
It's pretty thanks
  1. more than a month ago
  2. Presales Question
  3. # 26
nshui
nshui Accepted Answer
Basic
Let it display more fields, How do I add the code?
  1. more than a month ago
  2. Presales Question
  3. # 27
admin
admin Accepted Answer
Admin
You can choose fields to show from User List Menu item configuration.
  1. more than a month ago
  2. Presales Question
  3. # 28
nshui
nshui Accepted Answer
Basic
I see. Thank you.
  1. more than a month ago
  2. Presales Question
  3. # 29
  • Page :
  • 1


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