Participated Window width and columns adjustment

[HwyStar]

Is there any where in the templates section where I can widen the Participated window? I need to change the width of the window and the column percentages. I have searched help and am not finding any suggestions. Thank you!

[Retread]

This is a tricky one,HwyStar

The template variable $[participated_threads_link] has class attributes, ID attributes and style attributes embedded in it. We can address some of those in the Style Sheet, but the result can be less than elegant.

I'm not sure this is the best way, but this will probably achieve your desired result. Add this to the bottom of the Style Sheet for your theme.

/* Participated popup width */
div[aria-labelledby="ui-dialog-title-recent-threads"]{
    width:700px!important;
}
div[aria-labelledby="ui-dialog-title-recent-threads"] div#recent-threads{
    width:99.8%!important;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable .latest{
    width:25%!important;
}
/* end of section */

Change the 800px to whatever width you desire for the box, then change the 25% to suit the width you desire for the right-most column.

By forcing the issue this way, the width of the box will no longer be resizeable. But the box will still be draggable.

[Chris]

Retread , if you use JS in conjunction with your column width CSS you can then retain resizability:

<script>
/* Set New Default Participated Dialog Size -- GLOBAL HEADER */
$(document).on('dialogopen', '#recent-threads', function () {
   $(this).dialog('option', 'width', 800);
   $(this).dialog('option', 'position', 'static')
});
</script>


[Retread]

Apr 11, 2020 21:52:01 GMT -8 Chris said:

Retread , if you use JS in conjunction with your column width CSS you can then retain resizability

That seems a very good idea, Chris

Maybe include the column width modification in the JS as well?
Not sure if I have this exactly right:

<script>
/* Set New Default Participated Dialog Size and Column Width -- GLOBAL HEADER */
$(document).on('dialogopen', '#recent-threads', function () {
   $(this).dialog('option', 'width', 800);
   $(this).dialog('option', 'position', 'static')
   $('#recent-threads .latest').css('width', '25%');    
});
</script>

[HwyStar]

Retread and Chris,

Has anyone today said that you guys rawk!

Your first solution, Retread, of setting the window in fixed-size mode works just fine for me. It appears nicely on my forum and the font size that the Subject text uses never word-wraps in the row so there isn't really a need for resizing. IMHO!

Thanks for the support, Dudes!

Case closed, for me.

[Peter]

Apr 13, 2020 8:03:47 GMT -8 HwyStar said:

Retread and Chris,

Has anyone today said that you guys rawk!

That they do.

👍👍

---

I read quite a few threads that I am not participating in, and it's usually the same bunch of people (staff included) providing really helpful replies.

Sometimes a little appreciation to those people can brighten up their day.

 

[Retread]

Apr 13, 2020 9:16:18 GMT -8 Peter said:

Sometimes a little appreciation to those people can brighten up their day.

Yes indeed.

Personally, I think some feedback from the person requesting help is a basic standard. It's important to those helping to know the problem was resolved. But if that is also accompanied with a thank you, that's icing on the cake!