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: Saturday 1:39 am
Add a reply View Replies (8)

Resolved Customization of Profile Page / Block

  1. daniel-j
    daniel-j
  2. Support
  3. Thursday, June 18 2020, 10:21 PM
Is it possible to alter the profile layout to include columns? I want to display the table below which consists of fields in the EasyProfile I have set up in addition to the other information currently there.

Example:

Tours of Masks Tour
Duty Mail Date Returned Complete Duration
1st TOD | 04/04/2020 | 04/12/2020 | 95% | 8 Days |
2nd TOD | 04/12/2020 | 04/18/2020 | 100% | 6 Days |
3rd TOD | 05/04/2020 | 05/12/2020 | 65% | 8 Days |
4th TOD | 05/14/2020 | 05/26/2020 | 89% | 12 Days |
5th TOD | 05/04/2020 | 05/12/2020 | 95% | 8 Days |
6th TOD | 05/04/2020 | 05/12/2020 | 95% | 8 Days |
7th TOD | 05/04/2020 | 05/12/2020 | 95% | 8 Days |
8th TOD | 05/04/2020 | 05/12/2020 | 95% | 8 Days |
9th TOD | 05/04/2020 | 05/12/2020 | 95% | 8 Days |
10th TOD | 05/04/2020 | 05/12/2020 | 95% | 8 Days |

But only list tours that have begun or ended... (Mail Date is present)

I am assuming I would have to use PHP or HTML to display the profile information.
Another option is to create a Joomla article with placeholders. Possible?
Responses (8)
admin
admin Accepted Answer
Admin
Hi,
Easy Profile uses Joomla MVC model, so to make customization to the output you can use Joomla Template override feature:
- Copy files from /components/com_jsn/views/profile/tmpl/ to folder /templates/your-theme-folder/html/com_jsn/profile/ (create the folder first)
- Customize new files as you want :)

Another option is to create a Joomla article with placeholders. Possible?
Instead an article you can use the field of type HTML delimiter, this field type allow you to add static HTML content in a field position and it also supports Joomla Content Plugin (Placeholders) like Joomla Articles.
  1. more than a month ago
  2. Support
  3. # 1
daniel-j
daniel-j Accepted Answer
What would I customize? The php? It seems you print a row at a time ... Does this mean I need to create an array first in PHP then have the array displayed after collecting all of the values?

Also it seems that your profile edit page covers the long labels but the display of profile does not
  1. more than a month ago
  2. Support
  3. # 2
admin
admin Accepted Answer
Admin
Hi,
What would I customize? The php?
Yes, you can build a code that show a list like your needs, unfortunately Easy Profile does not do this natively :(

Also it seems that your profile edit page covers the long labels but the display of profile does not
The edit profile page comes from Joomla and the style is managed by the template. Probably your template apply a style that trunc and add "..." to long text (with CSS directive text-overflow:ellips;), for example like https://www.easy-profile.com/support/truncated-text.html#reply-26944
Anyway if you send me your registration link and allow us to see your form then we will provide the CSS code to add in your template.
  1. more than a month ago
  2. Support
  3. # 3
daniel-j
daniel-j Accepted Answer
Registration Link?
I am using Protostar for template
  1. more than a month ago
  2. Support
  3. # 4
admin
admin Accepted Answer
Admin
Hi,
from your screenshot I see profile page (not registration page).

Anyway you can add following CSS code in file at /templates/protostar/css/user.css (create the file first): 
dl.dl-horizontal dt {

    text-overflow: initial;

    white-space: normal;

}
  1. more than a month ago
  2. Support
  3. # 5
daniel-j
daniel-j Accepted Answer
Thank you!
Okay that wrapped the longer text of label into two lines... can I widen the column as well?
Thank you!
  1. more than a month ago
  2. Support
  3. # 6
admin
admin Accepted Answer
Admin
Hi,
yes, try to add also this code: 
@media (min-width: 767px){

    .jsn-p-fields dl dt{

        width:220px;

    }

    .jsn-p-fields dl dd{

        margin-left:240px;

    }

}
  1. more than a month ago
  2. Support
  3. # 7
daniel-j
daniel-j Accepted Answer
Thank you that worked!
Making more changes
  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.