Template talk:Periodic table

ItsPlantseed I think it would be better to have a normal infobox (but without invicons, just the large preview image), and instead have the periodic table placed separately above the infobox or elsewhere on the page. Maybe something like this, except open by default:

- Princess Nightmoon (👁 Talk
👁 Contributions
) 08:19, 14 April 2018 (UTC)

I like this version. Maybe put it next to infobox? Aside from that, I don't know if each element should have its own page, even so they have a unique item ids respectively. Also this template isn't mobile friendly, I'm not sure how am I going to do about that. – ItsPlantseed ⟨₰|₢⟩ 08:57, 14 April 2018 (UTC)

It might be too large to fit next to the infobox. I agree that they might not need separate pages, but the way the slot templates work, they link to the ID by default. I'll check if there's a way to display the slots without links, and if there is, I'll implement that. As for mobile friendliness, what I posted what just a quick mockup using the existing code from the current table. I will try to adjust it to something more mobile-friendly using table cells, rather than the current display method. - Princess Nightmoon (👁 Talk
👁 Contributions
) 09:11, 14 April 2018 (UTC)

To clarify, the block IDs are all the same, but different data values. The item IDs are all different, all have negative IDs, which means it still a subject to change. I don't know if we should use {{block}} or {{item}}. You can find all the block IDs here. – ItsPlantseed ⟨₰|₢⟩ 09:41, 14 April 2018 (UTC)

To counter-clarify, I meant the sprite IDs used by the slot template. By telling the template to display something, it will link to that item/block when clicked. Currently, this means the table contains a lot of links to nonexistent pages. Or rather, the one on the page does; I removed the links in my table above. I also updated it to use table cells instead of div/span. Does this improve its mobile-friendliness? - Princess Nightmoon (👁 Talk
👁 Contributions
) 10:25, 14 April 2018 (UTC)

My bad for the misunderstanding.

Yes, it works perfectly in mobile view and almost done now. We just need to create the page. Firstly, I will replace the original template with yours. Secondly, I will eventually create the Element page and use the {{block}} template, so we still need the block render. And the last but not least the template will be on separated section, so hopefully it will lower the eyesore. – ItsPlantseed ⟨₰|₢⟩ 10:46, 14 April 2018 (UTC)

There's an issue with the blue header not extending to the end of the horizontal scrollbox in mobile view. I love this template btw. 👁 Image
QwertyLilley [ talk ] 05:19, 10 July 2025 (UTC)

The header does perfectly fit with the screen. I don't know if the header not fully extending is intended. 👁 Image
QwertyLilley [ talk ] 05:21, 10 July 2025 (UTC)

Actually, it doesnt fit in my screen. I dont know why, I havent changed my zoom level or anything like that
👁 Image
amethyst_hhh 👁 Image
^(t)(survey) 05:24, 10 July 2025 (UTC)