Note for questions about the Vector 22 skin please see Skin talk:Vector/2022.

Undefined method getIndicators()?

Fatal error: Call to undefined method VectorTemplate::getIndicators() in /.../w/skins/Vector/VectorTemplate.php on line 105

The appropriate line: <?php echo $this->getIndicators(); ?>

I can't find this function anywhere else outside of skins, so I have no idea what the function does. Commenting out the echo gives me this:

So I'm guessing this line is needed.

Anyone have any idea what is going on? I cloned via git but the directory should be correct. Is there a specific tag I'm supposed to have checked out or is master OK? User:Iggyvolz, but you'll probably find me on Wikia 15:34, 27 November 2014 (UTC)

I just removed the line from the file and the page rendered properly. The site was completely broken before that. There's a broken site with the same error listed on Google. This very much seems like an issue of something that's missing in the installation of any normal, minimal OS. I'm not sure how nobody testing 1.24 managed to encounter this bug before they released it, because it's obvious that it's not that uncommon. 24.53.253.165 18:08, 27 November 2014 (UTC)

phab:T76132 ("Vector breaks MediaWiki 1.24") has further discussion. Hope that helps. Quiddity (WMF) (talk) 02:26, 28 November 2014 (UTC)

Yes, for the moments it appears to solve the problem for the moment.

Edit(2014-12-15):

In a new installation this did not help. See here. A tarball download might help to circumvent the issue for the time being, but this is something I would like to avoid. Temptuousinsolence (talk) 10:16, 4 December 2014 (UTC)

MW 1.20 - Move Page/Discussion tabs to left-alignment in Vector skin

Hi all, We have the Vector skin installed with MW 1.20, and the Page/Discussion tabs are in the middle of the page. We'd like to have them left-aligned, like in the current Vector skin on this site. Does anyone know the CSS to add to Mediawiki:Vector.css that would move these tabs to the left?

As it is now, smaller screens cause the Page/Discussion tabs to be covered by the Read/Edit tabs which is causing some problems.

Thanks all! -Colin Ctorretta (talk) 20:37, 2 March 2015 (UTC)

Figured out issue, was caused by custom Vector CSS:

1. left-navigation { margin-left: 10.5em; } Ctorretta (talk) 22:05, 18 May 2015 (UTC)

Collapsible Sidebar navigation

I am migrating my wiki to a new version. (1.19.1 to 1.24.1) After many attempts to get the Vector extension installed I read that it's been discontinued for newer versions and integrated into the core of the Vector skin.

Unfortunately it appears that the syntax to get a collapsible sidebar navigation has changed.

Modifications to MediaWiki:Sidebar don't have the affect they did before and I no longer find an option for "Enable collapsing of items in the sidebar in Vector skin".

Has this feature been removed or modified? TDeeming (talk) 14:28, 26 March 2015 (UTC)

Yes, this was removed from the Vector skin. There is however the CollapsibleVector extension providing this functionality. I will add an info about this to this skin's page. Cheers [[kgh]] (talk) 15:08, 26 March 2015 (UTC)

Thanks for the tip. I added the CollapsibleVector Extension and now I have a collapsible side bar...

Unfortunately, my changes to "MediaWiki:Sidebar" do not have any affect on the contents of the side bar. They stay the same, no matter how much I change them. Is there someplace where this needs to be enabled?

Update

I just found the problem. In my installation I had $wgMainCacheType=CACHE_MEMCACHED; If I change to CACHE_NONE... the changes to "MediaWiki:Sidebar" start working.

• This change also fixed the problem I was having to use WikEd as a Gadget.
• I'm still trying to figure out why the Access Log returns a blank page. TDeeming (talk) 07:33, 27 March 2015 (UTC)

Great that you tracked your issue. However it seems to me what you also set $wgEnableSidebarCache to "true". [[kgh]] (talk) 16:09, 27 March 2015 (UTC)

EditWarning

The EditWarning (Alert when leaving an edit page without saving) isn't working anymore in version 1.25.1. In the DefaultSettings.php its activated (useeditwarning). Does anybody have the same issue, have any idea why it isn't working anymore (1.24 works fine). Tickihgk (talk) 12:32, 15 June 2015 (UTC)

This is a common problem for all skin. StasR (talk) 22:52, 15 June 2015 (UTC)

phab:T102564. StasR (talk) 10:25, 16 June 2015 (UTC)

Trailing space when selecting page title

Following this change (look for "h1" in VectorTemplate.php), there is a trailing space in the clipboard result, when I select the page title by dragging the mouse (selection by double-clicking is not affected) then Ctrl+C it. It occurs at least in Firefox. This appears to be very frustrating, and it's a straightforward one to fix… Many thanks in advance. Od1n (talk) 19:23, 15 June 2015 (UTC)

phab:T102861 Matma Rex (talk) 21:43, 17 June 2015 (UTC)

User customization for background & text color and font

Hello, I am trying to find an extension or ways for user to change text and background of their choice instead of having black and white skin.

Is there any extension or alt. ways to do so? 158.57.150.68 18:30, 1 July 2015 (UTC)

There is Extension:Theme, but it might be too limited for your use case. Matma Rex (talk) 18:36, 1 July 2015 (UTC)

Thank you, looks like you are right....

"Future versions of this extension will also add fields to Special:Preferences to allow changing the theme on a per-account basis."

I hope future version comes out soon 158.57.150.68 18:45, 1 July 2015 (UTC)

SkinVector not found

Tag a stable release?

Composer complains that there's no stable release for this skin. It is of course actually stable, but without a tag > 1.0 it's a tiny bit longer to install. Am I missing something? Or could a stable tag be added? Thanks! :) ~ Sam Wilson 00:37, 27 August 2015 (UTC)

A 1.0 tag probably wouldn't be useful unless new tags are consistently created, which I doubt they will be...you're probably better off sticking to release branches (dev-REL1_25), they're actually stable, regardless of what packagist thinks. Legoktm (talk) 02:07, 27 August 2015 (UTC)

Yes, that makes sense. It just means every update has to be manually specified in composer.json, but that's ok. Sam Wilson 02:09, 28 August 2015 (UTC)

How to remove star icon?

$wgVectorUseIconWatch = false; It does not seem to work (in localsettings.php) MW1.25.1. Any suggestions? Abhidevananda (talk) 02:33, 20 May 2016 (UTC)

No Adsense in sidebar

Hello.

I have some issue with Vector Skin.

On ma page should be Adsense in sidebar:

http://westeros.com.pl/index.php?title=Strona_g%C5%82%C3%B3wna

Here is the same page but with Bluemoon skin:

http://wiki.westeros.pl/index.php?title=Strona_g%C5%82%C3%B3wna

I used that solution:

https://www.guyrutenberg.com/2014/10/13/displaying-google-adsense-in-mediawiki/

Could You help me? 193.23.61.254 (talk) 13:56, 22 June 2016 (UTC)

wrong repository with composer

body {max-width: ...} has different behaviour on different pages.

body {

position:relative;

max-width: 1320px !important;

margin-left: auto;

margin-right: auto;

padding: 0;

}

Tons of deprecation warnings.

Installing MediaWiki 1.27 spits out literally 10s of error messages.

• "XXXXX" is deprecated. Use mw.config instead.

Is there a reason why this skin still uses all these deprecated functions? CyberXRef^☎ 06:54, 11 September 2016 (UTC)

It doesn't. The warnings probably come from your site JS. Matma Rex (talk) 14:12, 11 September 2016 (UTC)

It does, you're right. Came from an outdated Gadget which is fixed right now. Thanks. CyberXRef^☎ 16:42, 11 September 2016 (UTC)

How to add Tiitle for my wiki?

Dear All,

I am new to this vector skin, before we was using monaco skin and added tittle successfully in monaco skin, But in Vector I am not able to put tittle for my wiki. Please help me. Rakeshgunderi (talk) 07:57, 27 September 2016 (UTC)

How to use hide and show funtion?

How to remove the gradient from the top of the Vector skin?

I am editing MediaWiki:Vector.css to alter the look of the vector skin. What CSS do I need to enter to remove the gradients from the top of each page? Cabalamat2 (talk) 00:38, 31 December 2016 (UTC)

This is the only mention I have seen of this issue anywhere, so I hope somebody are able to fix it for us. I'm working on a wiki redesign and there is a gradient effect on the wiki's logo in the top left corner (and maybe the whole top for all I know). I've looked high and low both in various .css files and using Firefox's code inspector, but I can't find anything. Doing my head in. Can anybody help out? How do I remove it? Here is a screenshot that shows it: Imgur screenshot ~ Pangaearocks (talk) 14:30, 12 July 2019 (UTC)

@Cabalamat2 how did you get permissions to edit that file? I find i'm unable to edit Vector.css, no permission! Davecotter (talk) 19:52, 8 April 2020 (UTC)

@Davecotter: You either are in an admin user group so that you can edit interface messages for all users. Without such special rights you will still be able to adjust CSS styles for your own user account by editing a Vector.css page in your user space. See Help:User style! 2001:16B8:1093:5E00:5E9:9350:5AE8:18C5 (talk) 15:54, 17 May 2020 (UTC)

Obvisouly it is https://en.wikipedia.org/wiki/Help:User_style 2001:16B8:1093:5E00:5E9:9350:5AE8:18C5 (talk) 15:54, 17 May 2020 (UTC)

Style works only one some pages

My page uses MediaWiki 1.27.3 and the vector style only shows on some pages for example Spezial:Version but not on the main page. With the newst vector style provided on this page, the pages stay white. www.l-wiki.ch Sparklern (talk) 09:50, 26 July 2017 (UTC)

The skin seems to look fine on that site for me. Matma Rex (talk) 16:47, 28 July 2017 (UTC)

Logo seems to have disappeared overnight...

The logo in the top left corner seems to have disappeared overnight. There were no changes to any of the source files, and the logo file is accessible individually through an external browser... Has anyone experienced this before? WikiPEAK (talk) 22:18, 13 February 2018 (UTC)

|:

I think Wikipedia and other wikis look better with Vector than Monobook. Thank you. 69.206.77.233 (talk) 20:58, 14 November 2018 (UTC)

Change logo depending on namespace

Hi, I'd like to have a different logo (the one on the top left) depending on the namespace the current page is on, and clicking it should lead to the namespace's main page instead of the wiki's home page. Is this doable in Vector? 37.162.29.140 (talk) 19:47, 7 December 2018 (UTC)

PS: I managed to change logos by adding to MediaWiki:Vector.css a line for each namespace, like this:

.ns-NNN #p-logo a { background-image: url(IMAGE) !important; }

... where NNN is the namespace's number and IMAGE is the full url of the logo.

Now I just need to know if it's possible to make so that clicking on a logo takes me to the namespace's main page. 37.162.29.140 (talk) 20:08, 7 December 2018 (UTC)

You would need to use Javascript to do that, though I don't know enough to be able to help you with it. 「ディノ奴千？！」^{☎ Dinoguy1000} 20:37, 7 December 2018 (UTC)

It seems you are trying to do that I want: use one mediawiki instance for different portals.

I have changed url of Logo as well for different namespaces:

1. Edit MediaWiki:Mainpage set next content '{{NAMESPACE}}:Wiki', or 'Special:MyLanguage/{{NAMESPACE}}:Wiki' if you use wikitranslate extension.
2. Create main pages for every namespaces: Some_space1:Wiki, Some_space2:Wiki, ... etc.

Now it should work properly Olekdia (talk) 12:57, 9 January 2019 (UTC)

Moving div elements around the screen

Hello, the Vector skin has been working for well for me, with some serious css modifications. I'm getting to the point where my wiki is almost exactly how I want it, but some of the ways the elements are arranged are causing problems for me.

Is there any way to add additional elements or move the elements around, for example, adding an addition DIV, having the logo section, the search bar, then the sidebar, then the view edit and user options.

Sort of just rearranging the way things are put out. I just haven't been able to find where the order of these html elements are put out. Tiptup300 (talk) 15:07, 1 April 2019 (UTC)

infotable float right

Hi, can anyone help me out to find the right file and line to make th info table float on the right side? i wasn't able to find the right less(file?) 46.80.252.5 (talk) 09:11, 14 April 2019 (UTC)

i mean the class wikitable 46.80.252.5 (talk) 09:16, 14 April 2019 (UTC)

Just use style="float:right;". If you want all wikitables to float right (not something I'd recommend, to be honest), add the rule .wikitable { float: right; } to your wiki's MediaWiki:Common.css page. 「ディノ奴千？！」^{☎ Dinoguy1000} 12:59, 14 April 2019 (UTC)

Changing H1 Font Colors

So I have been working on the Vector skin, and I have it change how I want, but I can't seem to find h1 to change the font color. Stefen moss (talk) 22:57, 29 July 2019 (UTC)

You want the class .mw-body h1 I believe.

Although just h1 should work fine?

Personally, I use #content {color: black !important;}, but that might cause unexpected problems. –Quiddity (talk) 23:30, 29 July 2019 (UTC)

Which file is this located in? Stefen moss (talk) 16:55, 31 July 2019 (UTC)

Oh, I thought you were referring to your personal stylesheet (e.g. Special:MyPage/common.css) or a browser extension that does CSS overrides (e.g. I use Stylus).

Are you working on a 3rd party wiki? Or trying to change the default for a single Wikimedia wiki? or for all Wikimedia wikis? If you have any relevant links (sites, discussions, examples, etc), they always help! –Quiddity (talk) 18:42, 31 July 2019 (UTC)

I am working on my own wiki. I downloaded the MediaWiki file and I have the site up, it just that I can edit everything else by going to the css file, but I did not see a .h1 section in the file in question. Stefen moss (talk) 03:53, 1 August 2019 (UTC)

Local overrides are usually just created in MediaWiki:Common.css E.g. m:MediaWiki:Common.css - that way you're not changing anything that needs to be auto-updated later (IIUC, i am not a dev).

For the origin, I believe they're in either https://github.com/wikimedia/mediawiki-skins-Vector/blob/master/components/common.less or in https://github.com/wikimedia/mediawiki/blob/master/resources/src/mediawiki.skinning/elements.css -- You might be able to find more with https://codesearch.wmflabs.org

HTH! –Quiddity (talk) 05:01, 1 August 2019 (UTC)

Lock mw-page-base?

Does anyone have any thoughts/ideas on how one might lock the mw-page-base to stay at the top, so that only the content scrolls in Vector? 69.40.59.197 (talk) 03:37, 1 October 2019 (UTC)

add header banner as in monobook?

how can i add back the header banner background image, as in monobook? Davecotter (talk) 16:19, 7 April 2020 (UTC)

"Enlarge" image just links to the file page, rather than enlarging the image

Using the Vector skin, when I click a thumbnail image to enlarge it, I don't want to go to the actual file's page, but rather I'd like to open the image in Media Viewer, similar to the way Minerva Neue does it.

For example, When you click an image in Minerva Neue, it links to https://archonarcana.com/Auto-Legionary#/media/File%3AAutolegion-Remote1.png, where as in Vector it links to https://archonarcana.com/File:Autolegion-Remote1.png)

What's the easiest way to achieve this result? Blinkingline (talk) 23:22, 29 April 2020 (UTC)

Weirdly, I had a misconfigured Media Viewer. Fixed that and this works fine now. Blinkingline (talk) 23:57, 29 April 2020 (UTC)

Collapsible p-personal possible?

I'm using the Vector skin on my wiki - I would use the Timeless skin (I like it more), but it doesn't have the collapsible sidebar which I also want to have. I think I can edit most of the layout with CSS to make it look like I want it to be.

But there's one thing I really can't stand on Vector and I don't know how to edit that: The p-personal in the top right corner of the page. I would love it if it's possible to have it look like on Timeless (where it's called user-tools, I think). Is there some way to make the p-personal collapsible? So that everything in the top right corner is in a dropdown menu. If so, how do I accomplish it?

Thank for the help in advance! :) 2001:16B8:6006:4300:5978:3FA8:1621:D3E7 (talk) 19:41, 1 May 2020 (UTC)

Why pdf thumbnails causes problem with any section after it?

When I use Mediawiki's `CommentStreams` extension with code below:

   == Guide ==

   == Comments ==
   <comment-streams/>

Why does it look bad as here: [![enter image description here][1]][1] But if I move Guide section below Comments it works fine? How to fix it? It seems it causes problem with any extension after it? Screenshot is here: https://stackoverflow.com/questions/61636062/why-pf-thubnails-cause-page-bad-looking Farvardyn (talk) 13:14, 6 May 2020 (UTC)

New menu on French and Farsi Wikipedia

I have noticed that the French and Farsi Wikipedia have new side menus (the left column navigation menus) that can be shown/hidden. 79.249.153.11 (talk) 15:04, 8 August 2020 (UTC)

Yes, it's a part of the desktop improvements projects. The wikis you mentioned (plus some more) have the improvements deployed early. Logged-in users can opt-in/out on all wikis from the "Appearance" tab in Special:Preferences. Taavi (talk!) 15:08, 8 August 2020 (UTC)

Does it possible to return to the last appereance? The waste of space make me sick. I hate needing to scroll and not seeing all the informations im looking for

Edit- ...I finded the checkbox for legacy apperance Kortanis (talk) 19:13, 9 November 2020 (UTC)

added how to make default

I added the following:

$wgDefaultSkin = 'vector';

I explained a better option for mobile phones

I added the following:

Vector need to be modernized

Hello. And happy new year! I think that MediaWiki’s vector needs to be modernized, because it’s important to Mediawiki project have a modern version. Alejitao123 (talk) 04:37, 1 January 2021 (UTC)

What exactly is not modern about it? Are you looking for Reading/Web/Desktop Improvements? * Pppery * _{it has begun} 04:38, 1 January 2021 (UTC)

I say, a new look. Alejitao123 (talk) 14:53, 1 January 2021 (UTC)

Responsive Vector when?

MonoBook was made responsive years ago, which is great for users who want to pretend that nothing has changed since 2006-7, but when will Vector be made responsive? Vector is based on the same base code as MonoBook, so it should be easy to port the relevant code from MonoBook into Vector. (If you can’t tell, I LOATHE MinervaNeue.) 2001:569:BD7D:6E00:1DA6:FE62:872D:1A7F (talk) 01:06, 10 January 2021 (UTC)

Add

$wgVectorResponsive = true;

to LocalSettings.php. Nicole Sharp (talk) 20:43, 14 March 2021 (UTC)

how do we set the new vector as default?

Categories spacing just got messed up?

Hi. I just noticed today on English Wikipedia and Commons in the current Vector skin (not the beta/future one) that the spacing on the categories list on every page got really weird. The text is much bigger while the space between the letters and lines is the same. The old thing looked much better and more readable, could this be reverted? Also generally where is stuff like this actually logged and discussed/decided on? DemonDays64 (talk) 00:59, 22 May 2021 (UTC)

It was not intentional, is known and being worked on. Usually such stuff is reported on Phabricator; in this case as well: phab:T283206. You can track the progress there (but please don’t make comments like “please fix it”, reading them just wastes developers’ time that could be spent on actually fixing the issue). Tacsipacsi (talk) 14:22, 22 May 2021 (UTC)

New Vector?

What is the official / correct way for a user script to test for a page being viewed by a user that is configured to use the new evil Vector rather than the real Vector? They both show up as

mw.config.get('skin') = "vector"

— GhostInTheMachine ^{talk to me} 18:10, 3 August 2021 (UTC)

I don’t know how official or future proof this is, but

$('body').is('.skin-vector-legacy')

is the original Vector. (It works 100% correctly at the moment.) Tacsipacsi (talk) 22:09, 3 August 2021 (UTC)

Real Vector returns -- mw.config.get('skin') = 'vector'
and has body tag classes -- "skin-vector" and "skin-vector-legacy"

Evil Vector now returns -- mw.config.get('skin') = 'vector-2022'
and has body tag classes -- "skin-vector" and "skin-vector-2022"
(not sure when that started) — GhostInTheMachine ^{talk to me} 15:20, 11 February 2022 (UTC)

See phab:T300987 about the change. Tacsipacsi (talk) 12:19, 12 February 2022 (UTC)

Why was a 1×1 PNG used to depict the light blue border in the early 2010s?

When I browsed Wikipedia through the Wayback Machine, I noticed that one edge of the content area (div#content)'s light blue border sometimes appears thicker than another. I examined it through developer tools, and noticed that the border was depicted through an embedded single-pixel PNG graphic (background-image: url(data:image/png;base64,iVBORw0KGgoAAAAN […] and a "border.png" file as fallback) rather than a CSS code border. Since approximately 2013, a pure CSS code border is used.

Just asking out of curiousity, why was a PNG graphic once used? A technical reason? Monobook apparently used CSS borders since at least 2005, possibly since the beginning. How come Vector didn't? Bricomsci (talk) 14:59, 2 September 2021 (UTC)

It was changed in February 2013. According to the Bugzilla bug referenced in that commit, it was probably for compatibility with ancient IE versions. Tacsipacsi (talk) 13:52, 4 September 2021 (UTC)

Sidebar in 1.36?

Hi,

I recently upgraded a site (BikeWOW) that uses Vector to MediaWiki 1.36. After the upgrade, I noticed that the sidebar does not display the extensions that I have, including AddThis and PCRGuiInserts.

Is this due to some modification to Vector? I have attempted to use this:

$wgVectorDefaultSkinVersion = '1';

I have also tried using:

$wgVectorResponsive = true;

$wgVectorDefaultSkinVersion = '2';

In addition to those I have made numerous other modifications, but the issue remains. When I use MonoBook, the sidebar extensions appear normally. I have updated and reinstalled the extensions, as well as disabling each of the extensions and other extensions. These same extensions (AddThis and PCRGuiInserts) both work fine in other parts of the page.

Would any additional information assist in fixing this? I have looked through the documentation and not found a method to show extensions in the sidebar in Vector on 1.36. 193.251.162.173 (talk) 08:07, 2 November 2021 (UTC)

Logo by namespace in "new" Vector

Hi,

I recently started using the new Vector. It used to be possible to handle one logo per namespace, using the vector skin, by modifying ''mediawiki:Vector.css'' and using lines like :

.ns-750 #p-logo a, .ns-751 #p-logo a{background-image: url('images/thumb/Projets.svg/120px-logo.svg.png') !important;}

But this does not seem possible anymore, especially since the css does not define the logos anymore. Any idea on how to do that (choose the logo depending on the namespace) with the new Vector skin ?

Thanks in advance Loizbec (talk) 09:23, 13 December 2021 (UTC)

You would need to write a hook handler that changes the value of $wgLogos based on the namespace, I think. Probably something pretty early post-render, like ContentAlterParserOutput. Jdforrester (WMF) (talk) 17:45, 13 December 2021 (UTC)

Folder to rest.api

Bonjour,

Nous utilisons la dernière version de Vector pour mediawiki 1.38.0-wmf.13 de mediawiki et tout fonctionne, sauf la barre de recherche principale.

En effet, nous installation est directement dans le répertoire principale, mais il semble que vector appel :

mysite/w/rest.php

Au lieu de

mysite/rest.php

Savez-vous comment résoudre ce problème pour faire fonctionner la barre de recherche (celle de mobilefrontend fonctionne elle normalement)?

Cordialement. 176.134.90.110 (talk) 17:00, 21 December 2021 (UTC)

Unfortunately it’s not possible in new Vector yet, see phab:T288686. You can temporarily switch back to the old Vector by setting $wgVectorDefaultSkinVersion = '1'; in your LocalSettings.php, or try setting a symlink named w in your wiki root directory (ln -s w, if you have shell access and the server runs some sort of Linux). I couldn’t get the latter work, though, probably it would require some .htaccess magic that I don’t have. Tacsipacsi (talk) 17:12, 21 December 2021 (UTC)

Hello,

Thank you for your lead, I just modified directly the :

wvui-search.commonjs2.js and wvui-commonjs2.js

And it works :)

Kims 176.134.90.110 (talk) 17:45, 21 December 2021 (UTC)

How to set new vector as default for all users?

I have set vector as default via $wgVectorDefaultSkinVersion = '2'; – however that doesn't apply for registered users. The "classic vector" box is still ticked. Any ideas? Activede (talk) 18:04, 30 December 2021 (UTC)

I just found out. Just add:

$wgVectorDefaultSkinVersionForExistingAccounts = '2';

$wgVectorDefaultSkinVersionForNewAccounts = '2';

Activede (talk) 22:31, 30 December 2021 (UTC)

I have added such setting, but they haven't applied to users who logged in their accounts. Any ideas to resolve the problem? Fokebox (talk) 07:39, 27 February 2022 (UTC)

Hi Fokebox

Use this $wgVectorDefaultSkinVersion = '2';

Other options for Vector skin see in this Beginneruser (talk) 08:49, 27 February 2022 (UTC)

I have made such setting and I have Vector 2022 as a default, but as soon as I login any account I see old vector version. Fokebox (talk) 13:15, 27 February 2022 (UTC)

You might need to updates to Vector see instructions Beginneruser (talk) 15:23, 27 February 2022 (UTC)

I have MW 1.37 included with new vector skin Fokebox (talk) 17:04, 27 February 2022 (UTC)

The logo is not visible

vector.css apparently affects Vector 2022.

I got switched automatically to Vector-2022 on MediaWiki.org, but my vector.css affects the appearance of Vector 2022. Is this intentional? Anerisys (talk) 23:29, 15 February 2022 (UTC)

Yes, it’s intentional (but only temporary), see phab:T301212 about the planned removal of this feature. Tacsipacsi (talk) 02:00, 16 February 2022 (UTC)

No switch to new vector skin for logged in users

Hi, I have made following settings for the skin:

wfLoadSkin( 'Vector' );
$wgDefaultSkin = 'vector';
$wgVectorDefaultSkinVersion = '2';
$wgVectorDefaultSkinVersionForExistingAccounts = '2';
$wgVectorDefaultSkinVersionForNewAccounts = '2';

So the website is switched to the new version of vector skin, but as soon as I login to any account the website displays old version of vector.

Please help me to have new vector skin for all guests, users as default one. 83.69.192.2 (talk) 08:34, 26 February 2022 (UTC)

I still cannot exclude old version of vector skin for logged in users. Please help. Fokebox (talk) 13:13, 2 March 2022 (UTC)

$wgDefaultSkin = "vector";

wfLoadSkin( 'Vector' );

$wgVectorResponsive = true;

$wgVectorDefaultSkinVersion = '2';

$wgVectorDefaultSkinVersionForExistingAccounts = '2';

$wgVectorDefaultSkinVersionForNewAccounts = '2';

$wgVectorIsSearchInHeader = true;

$wgVectorLanguageInHeader = true;

$wgVectorUseWvuiSearch = true;

$wgVectorUseIconWatch = true;

$wgVectorUseSimpleSearch  = true; Sokote zaman (talk) 18:57, 3 April 2022 (UTC)

Sticky header

How do I enable the sticky header in the new vector skin? I am on MW 1.37.1. – Nekky-chan (Discussion | User contributions) 15:23, 24 April 2022 (UTC)

How to edit Vector's mobile CSS?

Duplicating Vector

What is the best way to make a working copy of the current version of Vector that can then be adjusted?

I wanted to try something similar to DarkVector (a skin based on Vector with just some cosmetic adjustments), but when I duplicate the current 1.37 Vector and change out the skin name in the code and file names, it produces internal errors like this:

Class 'AltVector\SkinVersionLookup' not found.
Backtrace: from /var/www/my.wiki/public_html/mediawiki-1.37.2/skins/AltVector/includes/ServiceWiring.php(55)
...

Thanks for any thoughts/suggestions on how best to approach this! Huwmanbeing (talk) 23:38, 13 May 2022 (UTC)

The namespace name needs to be changed at three places:

• In the namespace statements at the top of files. For example, change namespace Vector\ResourceLoader; to namespace AltVector\ResourceLoader;.
• In skin.json’s AutoloadNamespaces key: "AutoloadNamespaces": {"Vector\\": "includes/"} should be "AutoloadNamespaces": {"AltVector\\": "includes/"}.
• Wherever it’s used: in skin.json, in use statements, maybe even in comments to avoid confusion.

By the way, you technically need to change anything only if you plan to install both original Vector and your modified version (i.e. if you load both from LocalSettings.php—if the original one just sits in the skins directory but not referenced in any way, there’s no conflict), although it may be useful to do so in order to avoid confusion even if you want to use only the modified one. Tacsipacsi (talk) 11:14, 14 May 2022 (UTC)

Thanks for the reply! I do plan to keep the original Vector available alongside the modified version, so I'll check the namespace statements and see if that corrects it. Huwmanbeing (talk) 16:56, 14 May 2022 (UTC)

Suggested results at the new skin Vector

Hi,

How can I set suggested results at the new skin Vector like it is at this site: Fokebox (talk) 14:46, 30 May 2022 (UTC)

Top anchor ads hidden changes the view of Vector Skin

An issue has been addressed, the anchor ads.

When hidden, the Vector top bar is moved slightly to the top (on both mobile and desktop version)

Some it may consider as a bug, and some may consider as a feature

Just disable top anchor ads to return to normal

Please give me the link for a MediaWiki wiki with ads and vector skin and an issue on MediaWiki 180.190.49.6 (talk) 08:10, 31 May 2022 (UTC)

No login text in Vector-2022

MW 1.39

When I set $wgDefaultSkin = "vector-2022" , the anonymous user can see the login text but can see the Request Account and Language .

So, I need to swicth the Vestor as default . Once user can login, they can change their appearence to Vector-2022 .

It seems tha Vector-2022 is not offer for any anonymous user ? Lotusccong (talk) 17:04, 14 January 2023 (UTC)

There is a login link, but it’s hidden in the … menu. (I agree it’s a terrible UX decision.) Tacsipacsi (talk) 17:20, 15 January 2023 (UTC)

Hi Tacsipacsi, I still can't find any login link from the ... menu. See the site here

https://www.tbpedia.org/wiki/%E9%A6%96%E9%A0%81 Lotusccong (talk) 01:42, 16 January 2023 (UTC)

I notices a similar discussion on this issues at Talk:Reading/Web/Desktop Improvements#Log-in button missing when anonymous editing is disabled

Managed to fixed it by download the lastest Vector skin. Now you can see the ... menu Lotusccong (talk) 02:53, 16 January 2023 (UTC)

The Vector legacy is diiference between en.wikipedia.org and zh.wikipedia.org

I noticed that the Vector legacy skin in zh.wikipedia.org have a differecen look compare with en.wikipedia.org.

The zh.wikipedia.org have two features which are interestining :1 the blue < button to hide the left side bar menu , 2. the blue up and down arrow to navigate to top and bottom of the pages.

How to appply this into the personal wiki Vector legacy skin ? Lotusccong (talk) 06:49, 27 January 2023 (UTC)

The collapsible sidebar is implemented using zh:MediaWiki:Gadget-CollapsibleSidebar.js and the blue arrows through zh:MediaWiki:Gadget-scrollUpButton.js. Elominius (talk) 18:34, 8 June 2023 (UTC)

Apparently CSS for Vector 2022 doesn't work

I tried editing CSS for the Vector 2022 skin on a Miraheze wiki but literally straight doesn't work. Below is what the CSS scripts used look like

/* All CSS here will be loaded for users of the Vector 2022 skin */

#firstHeading{
	font:30px 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

.mw-body-content h2 {
    font: 24px 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

.mw-body-content h3 {
    font: 18px 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

.mw-body-content h4 {
    font: 16px 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

.mw-body-content h5 {
    font: inherit 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

.mw-body-content h6 {
    font: inherit 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

@media screen {
  #mw-page-base {
    background-image: linear-gradient(#FFFFFF 45%,rgba(36, 255, 0, 0) 100%);
    background-color: transparent;
  }
  body {
    background-color: papayawhip;
  }
}

div.topicon {
  position: absolute;
  z-index: 10;
  top:-55px;
  right: 10px;
  display: block !important;
}

What do I do to get the CSS scripts working? 2A02:C7C:BD2C:B500:5836:9229:D782:C4DD (talk) 20:16, 26 February 2023 (UTC)

If a previously functional custom style sheet stopped working as intended, it is probably because something about the layout has changed. Vector 2022 is a fairly new skin, whereas Vector 2010 is long established. Elominius (talk) 18:23, 8 June 2023 (UTC)

Meaning of the "c" in "cactions"?

Entries in MediaWiki:Vector.css have no effect

Entries in MediaWiki:Vector.css have no effect. Any ideas? Using MediaWiki 1.39.4. 185.231.5.24 (talk) 08:17, 8 July 2023 (UTC)

Did you enable $wgUseSiteCss? Tacsipacsi (talk) 09:40, 9 July 2023 (UTC)

I do not know, because I don't own the wiki. The problem is that the wiki owner is only available very sporadically and I would like to explore possible causes of the problem in advance. The problem is that the wiki owner is only available very sporadically and I would like to explore possible causes of the problem in advance.

Since the default value of <code>$wgUseSiteCss</code> is set to <code>true</code>, technically it's more of a disable, isn't it? Possibly the owner has set this variable to <code>false</code>. Although that's odd, I don't see why he would have done that. At least you have named a possible cause. Thanks.

The background is that the technical owner recently updated the MediaWiki version to 1.39 and I, being only interface administrator, failed to set the specific skin colors of the wiki.--~ 185.231.5.24 (talk) 19:47, 9 July 2023 (UTC)

Skin defaulting to v1 regardless of settings

Hi - I am using the following in my LocalSettings.php however not-logged in users are all rendered v1 of the skin and logged in users also unless you go to preferences and update the setting to v2 - am I missing something obvious?

$wgDefaultSkin = "vector";

$wgVectorDefaultSkinVersionForExistingAccounts = '2';

$wgVectorDefaultSkinVersionForNewAccounts = '2';

$wgVectorDefaultSkinVersion = '2'; NickAU83 (talk) 01:30, 1 September 2023 (UTC)

Since MediaWiki 1.38, Vector is technically two separate skins; instead of setting skin version to 2, you need to set the default skin to vector-2022. I’ve updated the documentation. Tacsipacsi (talk) 15:24, 3 September 2023 (UTC)

Toolbar and sidebar for logged-in vs non-logged in users in Vector 2022

Hi, I am using MediaWiki 1.40.1 with Vector 2022 skin.

I noticed that for non-logged in visitors, the toolbar is on the left and the sidebar (also on the left) looks as if it is still Vector. Whereas for logged-in users, the toolbar becomes a cool drop-down on the right, and the sidebar looks modernised. I eventually realised that this is a feature, not a bug!

However, when you look at the MediaWiki site itself and other sites like Wikipedia, they have made the appearance consistent for both groups of users, so I'm assuming it must be a simple configuration setting.

So my question is - how do I get the same Vector 2022 appearance for non-logged in users, as for logged-in users?

Thanks in advance! Sampson2023 (talk) 18:12, 15 November 2023 (UTC)

I have a different but unrelated problem, I was looking into setting pinned sidebar as the default for logged in and non-logged in users. There exists a "vector-main-menu-pinned" user option ($wgDefaultUserOptions) but it seems to be internal and doesn't work if you try to change it ("vector-toc-pinned" does work for some reason).

Documentation is very lacking at the moment, not sure they have this configuration implemented in mind. Laoweek (talk) 03:00, 6 January 2024 (UTC)

Normally, vector-main-menu-pinned=1(in Vector/skin.json line:170), but this is not valid for users who are not logged in, I don't know how to fix it XiaofeiTM233 (talk) 15:22, 17 March 2024 (UTC)

Any updates on this ? I have the same problem, I want to initialize for non logged users the non pinned menu ? I try to make changes on the VectorMainMenu code but not success... 80.12.67.59 (talk) 07:52, 1 August 2024 (UTC)

Also looking to set "vector-main-menu-pinned" option for non logged in users. DavidTseng (talk) 16:12, 22 January 2025 (UTC)

How to apply css to both logged-in user and logged-out

The way elements are displayed in inspect element for logged out user is different from logged in user.

@media screen and (min-width: 1000px){

.vector-feature-page-tools-enabled .mw-body {

display: grid;

grid-template: min-content min-content min-content 1fr / minmax(0,72em) min-content;

grid-template-areas:

'titlebar-cx .'

'titlebar columnEnd'

'toolbar columnEnd'

'content columnEnd';

}

}

I copied this from inspect element to Common.css changing minmax(0,72em) to change the content (.mw-body) size. This works for logged-in user, but not for logged-out user. Through inspect element this code doesnt even display in css of .mw-body 188.191.238.101 (talk) 21:38, 26 November 2023 (UTC)

How to enable the Full-width toggle

Some of the wikipedia site has the Full-width toggle

Reading/Web/Desktop Improvements/Features/Limiting content width#Full-width toggle

I want to have this feature in my Wiki website , Vector (2022) skins, but I can't make it to work.

Do I need to install a gadget or set in the Preference Appearence setting. I can't see the (Enable limited width mode) in my preference as well. Lotusccong (talk) 06:36, 7 February 2024 (UTC)

How do I get new view pane

Hi

How do I get that nice "Appearance" pane taht Wikipedia has now?

Also how do i make new Vector fit the screen size by default? 94.188.178.252 (talk) 22:17, 25 June 2024 (UTC)

Change header icons in MediaWiki Vector 2022

I am trying to update the coloring of the icons in the header for the MediaWiki Vector 2022 template on my Wiki, but I can't seem to figure it out.

I have updated the color of the header to black, and want to make these icons white in the same way Wikipedia have changed them if you switch to dark mode.

I am undating the CSS in the MediaWiki:Vector.css page.

I have looked in the Vector skin to see where these are generated from, but can't seem to locate either the CSS or the icons.

Any help is appreciated. Squeak24 (talk) 19:22, 5 August 2024 (UTC)

$wgVectorMaxWidthOptions options

For the Vector 2022 skin, on the wiki page, it shows $wgVectorMaxWidthOptions but doesn't list what the options are. Does anyone know what options can be used with this? True doesn't work.

Thanks Samthecrazyman (talk) 23:41, 13 August 2024 (UTC)

The default value is roughly equal to

[
	'exclude' => [
		'mainpage' => true,
		'querystring' => [ // These are PCRE regular expressions
			'action' => '(history|edit|submit)',
			'diff' => '.+',
		],
		'pagetitles' => [],
		'namespaces' => [ -1, 14 ],
	],
	'include' => [ 'Special:Preferences' ],
]

which gives you a sense of how it can be configured. There’s some documentation of the structure at https://doc.wikimedia.org/Vector/classMediaWiki_1_1Skins_1_1Vector_1_1ConfigHelper.html#af03d17bc4dad938389d7734c8a8bda8f, although it’s quite unreadably formatted, and it doesn’t mention include at all. Tacsipacsi (talk) 09:13, 16 August 2024 (UTC)

Vector 2010 search bar issues

When typing something into the search bar using the Vector 2010 skin and then using the arrow keys on the keyboard to select one of the search results in the search bar, the selected article jumps around randomly in non-chronological order. Issue occurs in incognito tab as well, for both en.wiki using a custom vector skin and de.wiki using its default Vector skin. Started noticing it yesterday (using both Chrome and Edge with default settings). Video for reference. Jonas1015119 (talk) 22:45, 17 November 2024 (UTC)

Vector.css not editable and where is Vector2022.css?

I have two interesting questions.

1. I resently upgraded my wiki from 1.34 to 1.43 and now my custom vector skin is a little bit messed up. No problem, I thought, I can simply change the Vector.css, as I always did. But no. I can't. Even as Administrator. It literally says "You do not have permission to edit this CSS page, as it could affect all visitors." Ehm... yes. That's the whole point, isn't it? How can I edit my Vector.css?
2. As written in the titel: Where is the corresponding CSS-Sheet for Vector2022? Is there any?

80.128.151.235 22:39, 30 April 2025 (UTC)