Editing In-Built Blocks

[[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.

[[chrisB]]

I 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

[[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

[[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.

Code Select Expand

#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:

Code Select Expand

#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

[[chrisB]]

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

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]]

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

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.

[@rjen]

well, if you had it working then It can still work...

[[chrisB]]

I upgraded to 3.0.1c. Since the upgrade, it has stopped functioning. Is there any way you could look into this and see if it might be possible to bring it back? I'd greatly appreciate any assistance you can provide. Thanks so much...

[@rjen]

Not unless you can provide exact details how you got it working before.

But I suspect this update in 3.0.1 is the cause

Technical changes and Bugfixes:
- reworked the panel layouts to all use flex...

[[chrisB]]

To be fair, I already have.

I added this to the index.css

Code Select Expand

.action_forum #tprightbarContainer {
    width: 270px !important;
    position: sticky;
    top: 0;
    z-index: 10;
}

I believe I tried without the .action_forum and it still worked.

It only stopped after I upgraded to 3.0.1c, and it's due to:

Code Select Expand

#tptopbarHeader, #tpbottombarHeader, #mainContainer, #mainContainer > div, #tpcenterbarHeader, #tplowerbarHeader {
    overflow: hidden;
}
I've even got it working on some test hosting I use: https://24c059f20e5655044.temporary.link/index.php?action=forum

Please note the URL is 100% safe; some antiviruses deem it unsafe due to the random numbers and the temporary URL. It's simply that I don't have a domain pointing to the hosting, but I assure you it's safe. The hosting was purchased from InMotion Hosting. I just have it as it's easier for me to tinker, instead of a local environment. (I can also still do stuff when I am out)

It might seem like I am in a big rush, but I am not. I am just trying to get TinyPortal and SMF set up for my linking. 😇 I do also try to be as clear as possible, and there might be a language barrier between us, or just that it is online. This could be a handy feature, mind, and I think if people don't use all of the space a panel has, this is the ideal way to make sure there's no empty space.

[[chrisB]]

I had to do a full restore of my site today, as when I first visited, TinyPortal was all messed up. I was going to post about the issue, but I thought it would just be easier to delete everything, including my database, and then restore a full backup.

However, once I upgraded to 3.0.1c. The forum returned to look like this:


I don't see any errors in the ACP relating to TinyPortal.

This is the third time I have attempted a full restore, as in the first and second attempts, I tried to see if it was due to a mod that I had installed. There have been no changes, to my knowledge. I am waiting to talk with Pipke, but I don't see why the issue would return when I deleted the database/files and fully restored my backup.

https://poetryartonline.com/forum/

I have noticed that this seems to be the issue:

Code Select Expand

#tptopbarHeader, #tpbottombarHeader, #mainContainer, #mainContainer > div, #tpcenterbarHeader, #tplowerbarHeader {
    clip-path: inset(0 0 0 0);
}
I have downloaded a fresh copy of TinyPortal, and again after doing a full restore of my site. This issue persists, but otherwise TP doesn't mess up. My front page looked as if someone had hacked it when I first went on.

This is very weird.

[@rjen]

Does this happen with the default theme?

What mods do you use besides Tinyportal?

[[chrisB]]

Does this happen with the default theme?

What mods do you use besides Tinyportal?

Yes, but I have to change the theme from the ACP because the user menu layout option is messed up. It doesn't show anything.

These are the mods I have installed:

SMFPacks Menu Editor   
Info Center Manager
Separate the Sticky Topics
Forum Width Setting
Quick Spoiler
Team Page
Pretty URLs Extras (Uninstalled ATM)
Awesome Post Ratings
SMF 2.1.4
Optimus
Enhanced Quick Reply
Pretty URLs SEO Pro (Uninstalled ATM)
Contact Page
TinyPortal
Avatars Display Integration
Users Online Today

When I try to reset to using the default, unedited theme, I get this message.

An error has occurred
The overall forum default theme must be a selectable theme.

[@rjen]

Code Select Expand

#tptopbarHeader, #tpbottombarHeader, #mainContainer, #mainContainer > div, #tpcenterbarHeader, #tplowerbarHeader {
    clip-path: inset(0 0 0 0);
}
That does NOT come from the standard TP css...

[@rjen]

and when I visit your site, it looks fine to me.

What is exactly your question?

Mind you: you mentioned you upgraded to 3.0.1c, I assume from an older version: it may be that you needed to hard refresh you cache due to the layout changes made in 3.0.1c

[[chrisB]]

Code Select Expand

#tptopbarHeader, #tpbottombarHeader, #mainContainer, #mainContainer > div, #tpcenterbarHeader, #tplowerbarHeader {
    clip-path: inset(0 0 0 0);
}
That does NOT come from the standard TP css...

Yeah, I don't get where it's coming from.

I have tried visitng my site on Firefox (I use Chrome) and I still see the forum as displayed in the screenshot.

and when I visit your site, it looks fine to me.

What is exactly your question?

Mind you: you mentioned you upgraded to 3.0.1c, I assume from an older version: it may be that you needed to hard refresh you cache due to the layout changes made in 3.0.1c

The forum categories don't go over the TinyPortal panel?

I have cleared my sites cache, browser and I deleted the folder just to be sure. The home page is fine now, but the forum still overlays the panel.

I suppose my question is what can I do to fix this issue?

[@rjen]

What issue?

your forum look perfectly fine in Chrome and in Firefox...

[[chrisB]]

It's very strange, rjen. I don't know why this is happening on other browsers for me. I have cleared the site's cache, deleted the cache folder and browser I restarted my laptop, on the off chance.

I asked my daughter to check her computer, which has never used the site.

It looks the same as I see it.

[@rjen]

I cannot tell you what is happening if I cannot reproduce it

[[chrisB]]

Can you suggest things for me to try? It's happening across devices, and seems to be related to my home network. I have purged Cloudflare as I forgot about that.

I don't know what else I could try.

[@rjen]

Not really. Since it is a layout thing I can only assume it is some css problem. If the TinyPortal css files are not changed (check them against the install package) then it must be some other css from a mod that conflicts...

But still : I should then be seeing the same thing, and I do not

[[chrisB]]

Today its fine, I have no idea what happened but I am wondering if it is Cloudflare related or some form of mixup.

Not really. Since it is a layout thing I can only assume it is some css problem. If the TinyPortal css files are not changed (check them against the install package) then it must be some other css from a mod that conflicts...

But still : I should then be seeing the same thing, and I do not

I understand, rjen. Pipke can see my site fine too.

Would there be any reason why it seems to be showing like this on every device in my home? I tried flushing my DNS, I don't suppose turning off my router might make a difference?

I'll check the files, but I did earlier and I couldn't find what my browser showed.

This might give some insight, do you have access to a VPN rjen?

https://i.imgur.com/jIlAncw.png

https://i.imgur.com/4E7UOUL.png

[lurkalot]

It looks fine to me in the UK running Edge Browser. Only thing I see messed up a little is the Top Posters block, but I'm assuming that's still being modded.

You cannot view this attachment.

[[chrisB]]

@lurkalot - Sorry, I didn't make it clear that I had edited my last post at the top.

I woke up today and it was back to normal. I think it was something to do with Cloudflare. If it wasn't that, I have no idea. Thanks for the help, guys!

[@rjen]

Marked solved