Thanks for trying to resolve this matter. Another problem I noticed: I set up to upload a document (pdf) and after I had uploaded it using your document upload icon, I then wanted to upload a pic to go next to the document so I intuitively pressed the pic upload icon next. Bad mistake! It froze the page after I clicked the pic upload icon. I had to reload the activity page before trying again. The second time, after I uploaded the pdf, I clicked the small red close button icon to close the upload box, THEN I pressed the pic upload icon, and it worked fine. So just to bear this in mind when you are repairing the code on Kleo theme.

Also Kleo has a few problems which the authors have helped me resolve, you can pick out what you need from the CSS repairs below, and add to the Theme options>General settings>Quick css box:

/*For removing the space above website and show admin bar and top menu*/
html { margin-top: 0px !important; }
* html body { margin-top: 0px !important; }
@media screen and ( max-width: 782px ) {
    html { margin-top: 0px !important; }
    * html body { margin-top: 0px !important; }
}
@media screen and ( max-width: 782px ) {
    .logged-in #header { margin-top:45px;}
}
@media screen and ( min-width: 782px ) {
   .logged-in #header {
        margin-top:33px !important;
    }
}
.kleo-notifications.new-alert {z-index:9999!important;}

/*For spacing out the mobile menu lines to enable large fingers to use*/
@media (max-width: 991px) {
    #header .navbar-nav li {
        padding:8px 0;
    }
}

/*For changing the font colour on mobile submenu so it doesn't clash with black background. You can use hex to get your colour choice after the color:*/
@media (max-width: 991px) {
    #header .navbar-nav .dropdown-menu li a {color:#838b8b !important;}
}

/*This CSS works globally on elements in Buddypress in Kleo which are not aligned well in certain pages like Notifications, Sites*/
#buddypress div.item-list-tabs ul li a, #buddypress div.item-list-tabs ul li span {
line-height: 25px;
}

/*For pushing down the mediapress elements in the gallery view for MediaPress for better mobile view, concurrently works on desktop view */
div#mpp-dir-list {
    display: inline-block;
    width: 100%;
}
.directory.mediapress /*This directs the CSS to work only on the page specified*/
#buddypress div.item-list-tabs ul li a, #buddypress div.item-list-tabs ul li span {
line-height: 42px;
}

/*For spacing out the scrunched up lines above the activity update entry box in the BP Group site on Kleo mobile*/
@media(max-width:991px) {
    #buddypress form#whats-new-form p.activity-greeting {line-height: 20px;padding-top: 0;}
}

/*For increasing the line spacing in Kleo Buddypress Activity Update meta elements for bigger fingers on mobile*/
@media(max-width:991px) {
    .activity-meta div#ai_ar_main {
        margin-top: 10px;
    }
}

/*For increasing the padding below the Kleo BP activity update box to the dropdown selector elements to align with the Mediapress icons */
div#mpp-activity-upload-buttons {
margin: 0 !important;
}

• This reply was modified 4 years, 9 months ago by David Underwood.
• This reply was modified 4 years, 9 months ago by David Underwood.

I reinstalled the Kleo theme and the various plugins in strict order and now the red close box button works well and does not remain as a ghost and freeze the input of the Buddypress Activity Update input box. And I do NOT have to reload the page anymore. Great thanks.

I was not suggesting that the Activity Plus Reuploaded plugin was better than Mediapress (far from it I think Mediapress is better than RTmedia in certain aspects, but not as good from the GUI point of view), but there are parts of the Activity Plus Reuploaded plugin which we can learn from to make a better Mediapress.

Here are some parts whose concepts can be used to improve Mediapress:

https://testbizzi.bizzi.life/members/lspadminer/mediapress/wall-photo-gallery-2/screenshot-kleo-activity-reloaded-good-media-input-dialogue/

A good example is that the Activity Plus Reuploaded plugin uses a decent cancel BUTTON rather than a miniscule red close box button to close the dialogue. This is so much better on mobile obviously, since those with large fingers find button a lot better to pres than a small red image.

But these are all suggestions to improve Mediapress. Thanks.

Yes I tried it in the Kleo theme and it works. Thanks.

I remember originally to close the media input box without add media, I would just click the same mediapress icon again. EG if I click on the icon to add a picture, and the media input box opens, but I don’t want to add anything (changed my mind) I would just reclick the mediapress picture add icon again. This work BUT if I changed my mind again and DO want to add a or even another type of media, the icons DO NOT WORK. I suspect because mediapress is not fully AJAXified so it needs a full page refresh to get the icons to work again. I assume you all are working on that now that BuddyPress is more AJAXified in the latest version.

I notice you all took over the Activity Plus plugin and that uses a much better system to upload media. Maybe it would be a good idea to use that type of upload in mediapress? Just giving some ideas.

Oops, didn’t realise I had already installed the plugin!