Fallout Wiki
Advertisement
Fallout Wiki
Forums: Index > Wiki discussion > Upgrading Infoboxes - Active Development

Project aim

The Portable Infobox project aims to replace the current infoboxes with ones that behave and display properly on both mobile and desktop devices.

Project status

Development status: Active

Forum status: Active

Module status:

  • Module:Games: In development (source)

CSS status:

  • Infobox.css: Ready for review (source)

Infobox status:

  • Character infobox: In development (demo) (source)
  • Weapon infobox: Ready for review (demo - original) (source)
  • Gamebryo Weapon infobox: status unknown
  • Faction infobox: Ready for review (demo - original) (source)
  • Consumable infobox: Ready for review (demo - original) (source)
  • Quest infobox: Ready for review (demo - original) (source)
  • Achievement infobox: Ready for review (demo - original) (source)
  • Ammunition infobox: status unknown
  • Creature infobox: Ready for review (demo - original) (source)

Change log

Module

CSS

  1. August 9 2015 - Force images 100%: "If not already there"
  2. August 9 2015 - Fix captions: "Make them blend in with the infobox"
  3. August 12 2015 - Fixed image widths and footers: "Perhaps make them blend a bit more"

Infoboxes

Character

  1. August 9 2015 - Removed formatting for IDs: "Already present in parameters"
  2. August 10 2015 - Added several new fields: "Are there any that I am missing?"

Discussion

Hey guys :) Just checking in to see if you needed any help with portable infoboxes.

I know that TwoBearsHigh-Fiving got the skinny on why portable infoboxes are a pretty nifty idea when he attended Wikia's Community Connect earlier this month, so I'm going to assume he probably shared at least some of that info with you already.

I think it's great that you've started this thread to act as a sort of central repository of discussion on the project!

But I notice in this thread that development of the boxes here at Fallout seems to be stalled because of an unnamed development issue with Wikia. Since I wasn't the staff member directly involved with that, I dunno what problem, exactly, is seen as a roadblock. Lemme know if you're still having that problem, and I'll try to clear the road for you.

I'd also be happy to answer any other questions you might have, so please either ask below, or feel to drop by any of my message walls/user talk pages if you wanna chat! Also, Shareif, one of our top engineers, is a huge Fallout fan, and thus is making himself especially available to this community. So don't be surprised if you get a message or two from him, too! Thanks!
czechout    00:19: Tue 29 Sep 2015

I can't say for sure, but I thought the Wikia issue that's referred to was the one that broke some templates (like the youtube one).
I think we'd be happy with any help we can get. What we'd (we = my perception of the general opinion) like to achieve is basically that we can keep the exact same (or only really really minor changes) for computer users, while improving the infoboxes for the mobile users. The main concern raised so far is that making the infoboxes mobile friendly gave some drawbacks for the computer users (first propositions and examples). A lot of progress had been made for the character infoboxes meanwhile, as can be witnessed here, but that so far only happened for the "characters". If this could also be done for the other infoboxes we have (locations, factions, weapons, ...), I think the community will be happy to support the changes. - Greets Peace'n Hugs (talk) (blog) 01:37, September 29, 2015 (UTC)
Ah, it is fine. Usually I'd refrain from upgrading infoboxes if there are no .css experts. Since there are, I don't think we should have any major problems at all. ☢ Energy X ☣ 08:32, September 29, 2015 (UTC)

Looks good so far. The atrocious display of infoboxes on mobile is actually a major reason why I avoided viewing this site from my phone as much as I could. --Skire (talk) 21:55, September 29, 2015 (UTC)

Agreed, it's really a chore to navigate the them in mobile. I support the initiative.
Limmiegirl Lildeneb Talk! ♪ 00:00, September 30, 2015 (UTC)

Hey Nukapedians! Today was Wikia Day, a sort of company holiday here at Wikia. On this day we drop everything we usually do and edit wikias. For my focus today I chose Fallout Wiki and wanted to help you guys out with portable infoboxes.

I created Template:Infobox faction/Draft, Template:Infobox weapon/Draft, Template:Infobox achievement/Draft, Template:Infobox consumable/Draft, and Template:Infobox quest/Draft. These are ready for review by you guys. Probably not perfect ;) but I hope they're close enough for acceptance.

As a side note I'll add that we plan to add a "Media Collections" feature to our new infobox markup. This will allow us to consolidate images for the various Fallout games at the top of infobox, avoiding situations like the one on Poison (where the Tactics image is in the footer).

Hope you like these. ;) Feedback welcome, of course. TOR (talk) 20:01, October 23, 2015 (UTC)

I have reviewed the Template:Infobox quest/Draft and it looks really great so far. Some nitpicking details can be better, like adding the achievement image in the top right corner of the main image, a bit less space around the title so pages with less content looks less silly, but all in all, you did a truely outstanding job on it. - Greets Peace'n Hugs (talk) (blog) 20:42, October 23, 2015 (UTC)

Follow-up

During a discussion I had with TOR in chat, we discussed making a "beta test" of the new infoboxes. What is going to happen is a few hundred infoboxes across Fallout, Fallout 2 and Fallout 3 will be converted to the new versions. After which people can view them in "action" and provide feedback. The reason why we are doing it this way is that the discussion here has been stalled and Fallout 4 is being released in less than 2 weeks. I personally would like this finished and ready before that time. Please leave any comments and concerns here. Thanks.--Kingclyde (talk) 01:08, October 29, 2015 (UTC)

I found several bugs.
  • The infobox is too wide on desktop (should be 240; ruins the 240px Fallout and Fallout 2 images)
  • The icon in the top-right corner is displayed way too large on mobile, wrong position
  • Game icon in the wrong position on mobile, missing on desktop
  • Image size doesn't for work with an achievement template (Take it Back!)
  • Preferably just a little more space between lines

...

  • The infobox image becomes (much) too large on the desktop (Glowing one, Vipers)
  • The automatic removal of the suffix (game differentiation) doesn't work anymore for the infobox header
  • The footer image isn't centered anymore on desktop (New_California_Republic)

That's what I see for now. Jspoel Speech Jspoel 18:36, October 29, 2015 (UTC)

Thanks for the feedback, Jspoelstra! And good job testing on mobile, too. The team & I are going to be looking into those issues next week. The icon positioning is a tricky one, but I'll see what's possible. TOR (talk) 20:16, October 31, 2015 (UTC)

When the updated template was added to New California Republic, it introduced a redlink in the uppermost part of the infobox to "Lonesome Roads factions". This should be a link to "Lonesome Road factions". Clockpuncher (talk) 23:55, October 31, 2015 (UTC)

This is now fixed thanks to an edit by Jspoelstra. The problem was in Module:Games. TOR (talk) 21:17, November 1, 2015 (UTC)
Hey guys! I'm going to be creating a file called MediaWiki:Wikia.css/Infobox.css, as well as several subpages off of my own User pages, in order to address the CSS issues mention above by Jspoel. Do not panic. Do not adjust your sets. :)
czechout    18:57: Wed 11 Nov 2015
Advertisement