Jomsocial 2.6 style bugs

Hi

I have found a few bugs in the Jomsocial 2.6 style for Musicity. I run Joomla 2.5.6, Jomsocial 2.6.2, Musicity 2.10 and the 2.6.1 version of the Jomsocial template (that is the latest).

1. When using the old photo uploader the newly uploaded photos gets stacked on top of each other. They should line up horizontally.

Link: http://www.ffatest.se/community/photos/uploader

photo-stacking.PNG

2. News Show Pro GK4 breaks when editing profile. As you can see here some of the News Show Pro GK4 modules totally breaks when I am in Jomsocial and editing my profile.

Link: http://www.ffatest.se/community/profile/edit (at the bottom)

nsp-breaks.PNG

You need to login to see it so just ask and I will PM you login details!

Hi,
Thank you for your info. Please send me PM with login details to fix this issues.

I have sent you a PM now!

Have you made any progress with the bugs?

Also I found another one. In the notifications pop up the notifications isn´t aligned as you can see here:

notifications.PNG

Two first issues are fixed. I added rule in override.css file. For first one it was:

Code: Select all

.cPhotos #cPhotoItems.photo-list-item .cPhotoItem {
float:left;
display:inline-block;
margin:5px;
width:auto;
}


If you want to increase space between images please increase margin value. For second I added profile.edit.php in our gk_style. In next fix it will be in template.
For notifications please send me PM with access to test2 account. Becasue this one have no notifications.

There is still one problem with the floating when uploading photos. Now the text that tells you how many photos you can upload is also floating. The text should not float, it should be under the photos. See here:

floating.PNG

I edited your post becasue it is a public forum. So please don't post any access to your site here. Please send PM with this access.

Ok it is not a super user account so I didn´t thought it matter but I will send you a PM now!

To fix notifications issue, please try add to override.css

Code: Select all

#notificationStream .mini-profile .message {
width:90%;
}


Yes that fixed it!

Please add this to override.css. I will fix counter floating.

Code: Select all

.cPhotos #photoUploadedCounter {
float:left;
width:100%;
}


Yes now it looks good!

I also have two style problems with two of the JS apps.

1. The event app that shows a users latest events on thier profile looks like this:

events.PNG

As you can see the event info is on top of the event image. If you could extend the grey area where the date is shown maybe that could fix it?

2. The my articles app have one border line to much as you can see here. It would be great if the bottom line could be removed.

my articles.PNG

To see the problems on the site login with your test account and go to this URL:

http://www.ffatest.se/community/62-erik ... er/profile

This code fix issues in events

Code: Select all

#community-wrap .jsProfileEvents .event-date {
width: auto;
}
#community-wrap .jsProfileEvents .event-detail {
margin-left: 80px;
}


On this url you gave me I couldn't find mine article module.

You should be able to see it now.

Try add this code:

Code: Select all

#jsapp-1132 tr {
border-bottom:none !important;
}


That works! Now there is only one thing left.

The unfeature star isn´t placed correctly, or is it? See theese images:

Capture.PNG

http://www.ffatest.se/community/photos

Capture2.PNG

http://www.ffatest.se/community/groups

Capture3.PNG

http://www.ffatest.se/community/events

Should it really be placed in the middle? Isn´t the bottom left corner a better place?

It is. In default 2.6 version star is in the middle of image too.

Ok I see, then that was all the bugs. Thanks for the help. And please add all theese fixes in the next release so that I won´t have to patch all the files again. And I´m sure all other users will be pleased to get theese fixes also!

I have found one more thing now. If you view all albums you can if you hover an album with your mouse click a star to feature it. That only works on the first page with albums. If you have severall pages and you are on the second page for example the star doesn´t appear. It only appears on the albums that is on the first page.

Ok, account details to login are still same ? If not please send me PM with some test account to login and resolve issisue.

I have now fixed so you can use the same test account as before.

Test account has only one album. Can you give me access to account which have so many albums to have two pages ?

Look at the page that shows all photos from all users:

http://www.ffatest.se/community/photos

I've checked and if you click to 10,11,12 etc pages you will see 'featured' star. In erlier pages this star isn't in source code. So this albums can't be featured or it is some Jomsocial issue.

Could it be a smiliar problem to this?

http://www.jomsocial.com/support/answer ... ionid=2347

That problem seems to be in a template file.

Yes, but if you check files we overrided you won't find this file. So template use default one. You can try override this one in our template and check if it helps.

It worked when I replaced that file from the JS thread.

When you are on the Jomsocial front-page and you are logged in the drop down effect in the Musicity Joomla template isn´t working correct.

There isn´t a drop down animation the drop down menu just appears when you hover the menu item, it doesn´t slide down.

You can see for yourself here if you login and hover the mouse over "Artiklar":

http://www.ffatest.se/community

But if you for example go here and hover your mouse over "Artiklar" the drop down effect works correctly:

http://www.ffatest.se

I checked it on FF and Chrome. This issue it is happend when site isn't completly loaded. But if loading end everything is ok.

Try in IE9, it seems never to work there even if I wait for it to load.

After I updated my live site to Jomsocial 2.6 the style fix for the my articles app no longer works. I added this code in the override of my template:

Code: Select all

#jsapp-1132 tr {
border-bottom:none !important;
}

It worked fine on the test site but not on my live site as you can see here (double lines under the article links):

http://www.fotoforalla.se/community/62- ... er/profile

Also if you click "View all articles" in the app you see this:

http://www.fotoforalla.se/community/62- ... myarticles

Also double lines there under the article links and the page numbers isn´t horizontally.

In both sites for each tr you have added border inline. I don't know why but please try add this to override.css

Code: Select all

#community-wrap tr {
border:none !important;
}


My articles is extra apllication for JomSocial and we support style for basic aplication. Try override view of this applicattion and put nav module inside

Code: Select all

<div class="navigation">
</div>


With this structure navigation should inherit styles from template.

I will try it, what difference is there between basic and extra application? The my article app is a part of Jomsocial.

Basic means all modules and core inside com_community pro packgage. Myarticles app is plugin from apps_unzip_first package. And is installed separetly. Code for this you can find in plugins/community folder.