TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

Members
  • Total Members: 3,947
  • Latest: sgm09
Stats
  • Total Posts: 195,765
  • Total Topics: 21,279
  • Online today: 436
  • Online ever: 8,223 (February 19, 2025, 04:35:35 AM)
Users Online
  • Users: 0
  • Guests: 67
  • Total: 67

Editing In-Built Blocks

Started by [chrisB], March 01, 2025, 01:46:54 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

[chrisB]

Sorry, especially @rjen. I don't remember how to edit the in-built blocks. Could someone please refresh my memory?

I'm trying to suss out how I can add 'Avatar Display Integration' to the "Recent Topics" block.

I did know how to find it, but it's been so long since I last tried. I have had recent success with a block, so I thought I'd give it a try, but I can't find it.


Rjen kindly helped me last time, but it's been a few years since then and my memory isn't at its best.

@rjen

I read on SMF that you got it working.
Running Latest TP on SMF2.1 at: www.fjr-club.nl

[chrisB]

Quote from: @rjen on March 01, 2025, 07:07:02 AMI read on SMF that you got it working.

Not the recent topics block.  :)

TBH, I think it's best if I used the code to create a block with it.

@rjen

Then I do not understand what you are asking
Running Latest TP on SMF2.1 at: www.fjr-club.nl

[chrisB]

TinyPortal comes with a set of blocks, one of which is the "Recent Topics".



Could you please tell me where I can locate this code, so that I can use it to create a new block whereby I can further customise it?

Regarding the block I attached originally, I was using that as an example of what I hoped to achieve. However, I have managed to update it but not without this weird side effect.


I have tried using inline CSS to remove it, but I can't find what code disables it properly.

@rjen

TPsubs.template.php


look for // blocktype 12: Recent Topics
Running Latest TP on SMF2.1 at: www.fjr-club.nl

[chrisB]

I am trying to get the sidebar panel to follow me as I scroll down, I managed to get it working but I upgraded and it's since stopped.

#tprightbarHeader.roundframe {
    position: sticky !important;
    top: 0 !important;
    z-index: 10 !important;
}

I placed the code above in the index.css, but it was suggested to try the app.css but neither work.

The reason is:

#tptopbarHeader, #tpbottombarHeader, #mainContainer, #mainContainer > div, #tpcenterbarHeader, #tplowerbarHeader {
    overflow: hidden;
}

Would it be possible to get around this overflow: hidden - which is important. However, if I toggle it off in the inspect tool. The side panel does become sticky, I am unsure how to get around this issue.

@rjen

Sorry, not enough information.

This stuff can be tricky: it seems you want a block to move outside its panel: Tinyportal was not designed for that
Running Latest TP on SMF2.1 at: www.fjr-club.nl

[chrisB]

Quote from: @rjen on March 01, 2025, 05:44:58 PMSorry, not enough information.

This stuff can be tricky: it seems you want a block to move outside its panel: Tinyportal was not designed for that

It's the whole sidebar; basically, it keeps the space nicely used when scrolling. If it's possible, would you please consider this a feature for a future version?

If you have a large forum index, having the panel scroll down with you helps to reduce empty space but it also keeps the information in the blocks at reach.

[chrisB]

Quote from: @rjen on March 01, 2025, 05:44:58 PMSorry, not enough information.

This stuff can be tricky: it seems you want a block to move outside its panel: Tinyportal was not designed for that

I understand it's tricky; I had it working before upgrading to 3.0.1c.

Yet if TinyPortal could add a feature that allows panels to flow with the content. It would be a good feature for those who have a lot of free space. Invision v5, widget columns do this, and some other forums do too. It would be good if it could be considered.


Link if the image isn't clear embeded.

This website is proudly hosted on Crocweb Cloud Website Hosting.