By Abi on Monday, 27 July 2015
Posted in General Issues
Likes 0
Views 742
Votes 0
Hello,

I need help with ES.

(1) How can I duplicate a badge and change the image for the new copy? Eg 'peacemaker' badge copy is called Angelic with the image of angel.jpg and achievable with more than 200 points.

(2) I generally want to change the image for all the ES badges, how can I achieve this? How can I modify the dimensions of a badge image?

(3) I want to change the default cover for (a) users, (b) groups (c) events

(4) How can users add a video to (a) a group (b) an ES discussion?

(5) What are the module positions within (a) ES and (b) ED?

(6) Regarding groups. The category image is too small for me; how can I increase the size?

(7) Profile picture : is there an option to make it rounded for all users? Likewise the Groups profile picture.

(8) In your demo (Blair Campbell) on the RHS there is a module called 'Navigation', how can I have a similar module?

(9) Applications. On your demo page on the LHS there is a section called 'filters' containing applications etc but mine only has Groups, Photos and sign-ups. How can I increase the number of options to include Applications, Groups etc?

Thanks in advance.
Hi Alex and thanks for your support. I will accept the above as the answer to my questions about badges and group display. Unfortunately I can't see how I can achieve the ranking system that I need. I'll therefore open another ticket specifically for that.
Abi
·
Tuesday, 04 August 2015 16:34
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Abi,

I am really sorry for the delay of this reply as it is a weekend for us here. Kindly please find the response to your inquiries below:


(1) How can I duplicate a badge and change the image for the new copy? Eg 'peacemaker' badge copy is called Angelic with the image of angel.jpg and achievable with more than 200 points.

I believe you are referring to EasySocial here? We don't actually have a way to "duplicate" the badge but you can always create a new rule file to do this. Creating a rule file is pretty easy and you need to refer to the guides below:

http://stackideas.com/docs/easysocial/administrators/achievements
http://stackideas.com/docs/easysocial/administrators/points


(2) I generally want to change the image for all the ES badges, how can I achieve this? How can I modify the dimensions of a badge image?

The badge images for EasySocial are by default located in /media/com_easysocial/badges/


(3) I want to change the default cover for (a) users, (b) groups (c) events

By default the default covers are stored in the following locations. You can replace them or create overrides as outlined in http://stackideas.com/docs/easysocial/administrators/templating/overriding-default-cover

/media/com_easysocial/defaults/covers/user/
/media/com_easysocial/defaults/covers/group/
/media/com_easysocial/defaults/covers/event/



(4) How can users add a video to (a) a group (b) an ES discussion?

What sort of videos are you referring to? Currently you can only embed a video link in EasySocial discussions.


(5) What are the module positions within (a) ES and (b) ED?

For EasySocial, you can find them at http://stackideas.com/docs/easysocial/administrators/module-positions . As for EasyDiscuss, we don't actually have a documentation for this yet but you can just add ?tp=1 into your url to view the list of available module positions. It's much more interactive


(6) Regarding groups. The category image is too small for me; how can I increase the size?

You can customize the size of the category image by adding the block of css codes below:


.category-listed-header .es-avatar {
width: 100px;
height: 100px;
}



(7) Profile picture : is there an option to make it rounded for all users? Likewise the Groups profile picture.

We use a generic css class called .es-avatar, you can extend this functionality by enhancing the existing css codes


(8) In your demo (Blair Campbell) on the RHS there is a module called 'Navigation', how can I have a similar module?

The "Navigation" module that you see on our demo site is actually from the EasySocial Menu module


(9) Applications. On your demo page on the LHS there is a section called 'filters' containing applications etc but mine
only has Groups, Photos and sign-ups. How can I increase the number of options to include Applications, Groups etc?

These filters would only appear when a "new stream" of such types are generated on the site For instance, if you want the "Links" filter to show up, you need to share a link on the site first

Hope this helps!
·
Monday, 27 July 2015 13:07
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark,

Thanks for your helpful reply

(A) I still need something similar to the Karma (now called badges) system in Jomsocial e.g a a badge is warded for 100 total points, this badge cahnges at 200 points and also at 300 points etc. How can I achieve this.

(B) Unfortunately my attempt at getting my created rule to show a badge failed. The system discovered it but 0 badges were added. Is there a needed step after creating the rule and running discover? My rule is a modified version of your points.badge - it is attached.

(C) I want to be able to place a badge eg peacemaker in a particular module position, how can I achieve this? My preferred positions are :-

es-profile-sidebar-top es-profile-afer-actions

(D) Where do I put this CSS code =====>

.category-listed-header .es-avatar {
width: 100px;
height: 100px;
}


(E) In 'My Profile' and under Achievements the displayed badges are too small. Ho wcan i increase their sizes?
Abi
·
Tuesday, 28 July 2015 06:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Abi,

I am sorry that delay of this reply, please find your answer in your queries below :

(A) I still need something similar to the Karma (now called badges) system in Jomsocial e.g a a badge is warded for 100 total points, this badge changes at 200 points and also at 300 points etc. How can I achieve this.

Correct me if I getting wrong your meaning here,
Example : If I create `story.create` badge rule and set 10 times user will achieves this badge.
First time, user already achieved this badge, after the user create the story more than 20 times then achieves another badge?


(B) Unfortunately my attempt at getting my created rule to show a badge failed. The system discovered it but 0 badges were added. Is there a needed step after creating the rule and running discover? My rule is a modified version of your points.badge - it is attached.

I have downloaded your attached badge file and already take a look, what I suspect is this badge command "points.achieve" already used, so the system do not allow to install the same command for the another badge, to fix this, can you change to another another command name? Then try to install the badge file in your backend > Easysocial > badge > install

[
{
"title" : "COM_EASYSOCIAL_BADGES_POINTS_ACHIEVER",
"alias" : "newpointspoints-achiever",
"description" : "COM_EASYSOCIAL_BADGES_POINTS_ACHIEVER_DESC",
"howto" : "COM_EASYSOCIAL_BADGES_POINTS_ACHIEVER_HOWTO",
"command" : "points.achieve", // <------- change this command name
"extension" : "com_easysocial",
"avatar" : "media/com_easysocial/badges/am.png",
"frequency" : 200
}
]

Also it would be best if you can explain to us how the user achieve this badge? Because system will follow what you set the command name and operation with the user achieve badge.
-> http://stackideas.com/docs/easysocial/developers/achievements/logging

(C) I want to be able to place a badge eg peacemaker in a particular module position, how can I achieve this? My preferred positions are :-

es-profile-sidebar-top es-profile-afer-actions

Check my screenshot : http://screencast.com/t/6KJpiWAJcsK , do you mean you would like to move the user badge to this 2 either one module position?
es-profile-after-actions
es-profile-sidebar-top


(D) Where do I put this CSS code =====>

.category-listed-header .es-avatar {
width: 100px;
height: 100px;
}

In my opinion, you should put your custom css code in your current template css file.
Perhaps you can provide us with your Joomla backend and FTP access so we can help you check on the correct location?

(E) In 'My Profile' and under Achievements the displayed badges are too small. Ho wcan i increase their sizes?

You can using my following css code to achieve this :

body div#fd.es .es-badge-list .es-badge-item .es-badge-icon {
width: 100px;
height: 100px;
max-width: 100px;
max-height: 100px;
}


body div#fd.es .es-badge-list .es-badge-item .es-badge-icon {
width: 100px !important;
height: 100px !important;
max-width: 100px !important;
max-height: 100px !important;
}


Hope this helps.
·
Tuesday, 28 July 2015 19:29
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Alex, thanks for your replies.

(A) Example : If I create `story.create` badge rule and set 10 times user will achieves this badge.
First time, user already achieved this badge, after the user create the story more than 20 times then achieves another badge AND THEN this story-20.png replaces story-10.png. Later story-30.png will replace story-20.png and so on until maybe story-60.png. This scenario will in fact be applied to the points achiever badge and derivatives.

(B) There will be six badges (1) 20 or more TOTAL points (2) 200 total points (3) 1,000 TOTAL points (4) 5,000 Total points (5) 20,000 TOTAL points (6) 100,000 TOTAL points. Idealy I would prefer the replacement process similar to (A). This scenario will in fact be applied to the points achiever badge.

(C) "do you mean you would like to move the user badge to this 2 either one module position? " Looking at your picture, (1) I would prefer it to be close to under the profile picture on the top LHS. (2) Additionally, if it is achievable, I would also like it shown in the LHS where your arrow points. This scenario will in fact be applied to the points achiever badge.

I'll give access to the site when I've collected many things that your team can help me with. Thanks
Abi
·
Tuesday, 28 July 2015 20:43
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Abi,

I am sorry that delay of this reply,
(A) Example : If I create `story.create` badge rule and set 10 times user will achieves this badge.
First time, user already achieved this badge, after the user create the story more than 20 times then achieves another badge AND THEN this story-20.png replaces story-10.png. Later story-30.png will replace story-20.png and so on until maybe story-60.png. This scenario will in fact be applied to the points achiever badge and derivatives.

Unfortunately that was not possible to replace with previous achieves badge at this point of time. But the possible way is :
badge command - points.achieve -> original

// Create 3 new badges rule for this , after 10 times receive this badge
badge command - points10.achieve -> story-10.png (custom)
// after 20 times receive this badge
badge command - points20.achieve -> story-20.png (custom)
// after 30 times receive this badge
badge command - points30.achieve -> story-30.png (custom)

So it will display 3 badge icon on user profile page (story-10.png, story-20.png, story-30.png).

(B) There will be six badges (1) 20 or more TOTAL points (2) 200 total points (3) 1,000 TOTAL points (4) 5,000 Total points (5) 20,000 TOTAL points (6) 100,000 TOTAL points. Idealy I would prefer the replacement process similar to (A). This scenario will in fact be applied to the points achiever badge.

Yes, this can be achievable but the badge can't replace.

(C) "do you mean you would like to move the user badge to this 2 either one module position? " Looking at your picture, (1) I would prefer it to be close to under the profile picture on the top LHS. (2) Additionally, if it is achievable, I would also like it shown in the LHS where your arrow points. This scenario will in fact be applied to the points achiever badge.

I would like to double check is it this position you prefer, can you check my screenshot again?
-> http://screencast.com/t/nnCbmuSFMSkX

If yes, once you provide us with your Joomla backend and FTP access so we can try on this and see is it achievable.
·
Thursday, 30 July 2015 02:32
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Alex, thank you for your excellent support.

Easysocial is great for my requirements but sadly my very important requirement(A) is currently not achievable. Alphauserpoints may help me, but do you have rule files for EasySocial to alphauserpoints? Please let me know which version of alphauserpoints they apply to. I should have placed this discussion under EasySocial not easydiscuss.

Requirement(B). What I wanted was the ability to place ONLY one SPECIFIC badge e.g story-30.png in the blue location in my picture. It would be a bonus if it can be placed in the green locations.

I will experiment with the other things that you've given me to try.

Thanks once gain.
Abi
·
Thursday, 30 July 2015 16:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Alex,

I include my site details. I will forget about Alphauserpoints and try to work with your products. But please help me (using points (a) (b) (c) and (d)) to do the following on my test site and kindly tell me what you did so that I can replicate it in my development activities:

(a) Unfortunately that was not possible to replace with previous achieves badge at this point of time. But the possible way is :
badge command - points.achieve -> original

// Create 3 new badges rule for this , after 10 times receive this badge
badge command - points10.achieve -> story-10.png (custom)
// after 20 times receive this badge
badge command - points20.achieve -> story-20.png (custom)
// after 30 times receive this badge
badge command - points30.achieve -> story-30.png (custom)

So it will display 3 badge icon on user profile page (story-10.png, story-20.png, story-30.png).

(b) Requirement(B). What I wanted was the ability to place ONLY one SPECIFIC badge e.g story-30.png in the blue location in my picture. It would be a bonus if it can be placed in the green locations.

(c)

(E) In 'My Profile' and under Achievements the displayed badges are too small. How can i increase their sizes?

You can using my following css code to achieve this :

body div#fd.es .es-badge-list .es-badge-item .es-badge-icon {
width: 100px;
height: 100px;
max-width: 100px;
max-height: 100px;
}


body div#fd.es .es-badge-list .es-badge-item .es-badge-icon {
width: 100px !important;
height: 100px !important;
max-width: 100px !important;
max-height: 100px !important;
}


Hope this helps.

(d) ALSO if I would like the ability to INDIVIDUALLY modify the displayed sizes of (story-10.png, story-20.png, story-30.png) so that they are not possible. I'm not a programmer, I just need clear guidance on what to add, delete, modify and in which file / file-path.

Thanks very much!!
Abi
·
Thursday, 30 July 2015 21:39
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Abi,

I am sorry for delay of this reply, please find your answer in your queries below.

Easysocial is great for my requirements but sadly my very important requirement(A) is currently not achievable. Alphauserpoints may help me, but do you have rule files for EasySocial to alphauserpoints? Please let me know which version of alphauserpoints they apply to. I should have placed this discussion under EasySocial not easydiscuss.

Unfortunately we do not have plan for Easysocial integration with AUP is because the existing system already have build-in point system, and the Easydiscuss point system is integrated with Easysocial.

Requirement(B). What I wanted was the ability to place ONLY one SPECIFIC badge e.g story-30.png in the blue location in my picture. It would be a bonus if it can be placed in the green locations.
I will experiment with the other things that you've given me to try.

I think I misunderstood of your previous requirement for this, I thought you would like to move all the achieve user badge icon to another place instead of separate the achieve badge icon to `SPECIFIC` badge move in the left blue location on the screenshot and move bonus badge in the right green location.

=======================================================================================================================
I have tried to access in your site, but I hitting this : not found , and I unable to connect with your FTP server. Please advise.

By the way, I will help you do these (a),(e), and display the badge in Leaderboard module.

But (b) requirement is not possible to achieve it, I have explained at above.

(d) ALSO if I would like the ability to INDIVIDUALLY modify the displayed sizes of (story-10.png, story-20.png, story-30.png) so that they are not possible. I'm not a programmer, I just need clear guidance on what to add, delete, modify and in which file / file-path.

I will guide you what file I make the changes after that.
·
Friday, 31 July 2015 12:06
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Alex - the details are added.
Abi
·
Friday, 31 July 2015 14:21
·
0 Likes
·
0 Votes
·
0 Comments
·
"so that they are not possible" <===== typing error
Abi
·
Friday, 31 July 2015 14:26
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Abi,

I am really sorry for the delay of this reply as it is a weekend for us here.

I have tried to connect your FTP server, but I hitting this :
Response:	530 Login authentication failed
Error: Critical error
Error: Could not connect to server


By the way, I have done these few things :
- Increased category image size
- Increased user profile badge icon size
- Increased Easysocial category module image size

I would like to verify with your new badge rules, is it when the user `create a story` over 10 times, 30 times, 50 times then user will get the badge?
·
Saturday, 01 August 2015 17:08
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Alex. I just tried the ftp using filezilla and it worked fine. Please use the details EXACTLY as I gave you. the ftp host exactly and the username exactly. I also just tried windows command promt ftp and it works fine.
Abi
·
Saturday, 01 August 2015 17:28
·
0 Likes
·
0 Votes
·
0 Comments
·
hey Abi,

I am really sorry for the delay of this reply as it is a weekend for us here.

Finally work

I would like to verify with your new badge rules, is it you want when the user `create a story` over 10 times, 30 times, 50 times then user will get the badge?
·
Sunday, 02 August 2015 13:19
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Alex,

you said "I would like to verify with your new badge rules, is it you want when the user `create a story` over 10 times, 30 times, 50 times then user will get the badge?"

YES .



AND

(J) When user `achieve points` over 10 times, 30 times, 50 times then user will get the badge. for Points Achiever badge.

(K) I also wanted points achiever badges (no other badges) to show in a different module position under the profile picture but you said it is not possible.

you said "I think I misunderstood of your previous requirement for this, I thought you would like to move all the achieve user badge icon to another place instead of separate the achieve badge icon to `SPECIFIC` badge >> move << in the left blue location on the screenshot and move bonus badge in the right green location. "

If move is not possible is it possible to have a copy / clone displayed in the module position under the profile picture? If it is not possible - then okay



(L) The new Category Image size is too big. I would like Category image size = old x 1.5 - But I need instructions on how to do this.

(M) Please I do not want category module image size change. But please tell me HOW to do it.
Abi
·
Sunday, 02 August 2015 14:10
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Abi,

I am sorry that delay of this reply,


you said "I would like to verify with your new badge rules, is it you want when the user `create a story` over 10 times, 30 times, 50 times then user will get the badge?"

YES .

I've updated this few step in your site :
#1. Modified on this file -> JoomlaFolder\components\com_easysocial\controllers\story.php
#2. Create 4 new `story.create` badges file and installed in your site (take a look of my attached screenshot below "screenshot1.png")
#3. Uploaded 4 sample icon image file in -> JoomlaFolder/media/com_easysocial/badges/story..
So the user will get the first badge when he create 5 times story in Easysocial.
first badge : 5 times
second badge : 10 times
third badge : 30 times
fourth badge : 50 times
fifth badge : 100 times

(J) When user `achieve points` over 10 times, 30 times, 50 times then user will get the badge. for Points Achiever badge.

I've updated this few step in your site :
#1. Modified on this file -> JoomlaFolder\administrator\components\com_easysocial\includes\points\points.php
#2. Create 4 new `points.achieve` badges file and installed in your site (take a look of my attached screenshot below "screenshot2.png")
#3. Uploaded 4 sample icon image file in -> JoomlaFolder/media/com_easysocial/badges/point..
So the user will get the first badge when he receive 10 times point in Easysocial.
first badge : 10 times
second badge : 30 times
third badge : 40 times
fourth badge : 70 times
fifth badge : 100 times


(K) I also wanted points achiever badges (no other badges) to show in a different module position under the profile picture but you said it is not possible.

you said "I think I misunderstood of your previous requirement for this, I thought you would like to move all the achieve user badge icon to another place instead of separate the achieve badge icon to `SPECIFIC` badge >> move << in the left blue location on the screenshot and move bonus badge in the right green location. "

If move is not possible is it possible to have a copy / clone displayed in the module position under the profile picture? If it is not possible - then okay


Unfortunately that was not possible.

(L) The new Category Image size is too big. I would like Category image size = old x 1.5 - But I need instructions on how to do this.

I've temporary change to 50% for the select group category image size, but you can adjust the size from your backend > extension > template manager > click on the link "Ot_dinamik" > click css > click template.css > scroll down until the end adjust this css code.

/* select category image size */
body div#fd.es .es-create-category-select .btn img {
width: 50%;
height: 50%;
}


(M) Please I do not want category module image size change. But please tell me HOW to do it.

I've temporary change to 50% for the category image size, but you can adjust the size from your backend > extension > template manager > click on the link "Ot_dinamik" > click css > click template.css > scroll down until the end adjust this css code. (check my 2 attached screenshot below.)

/* ES category module category avatar size */
body div#fd.es.mod-es-groups-categories .es-category-avatar {
width: 50% !important;
height: 50% !important;
}


Hope this helps.
·
Tuesday, 04 August 2015 02:39
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Alex. I accepted tour reply as the answer to my queries about badges and groups. I will open a different question about the ranking system which is vital to my concept for a website. Thanks very much
Abi
·
Tuesday, 04 August 2015 16:39
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Abi,

You are most welcome. Thanks for the heads up on this.
·
Tuesday, 04 August 2015 16:45
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post