FANDOM


Pseudo-Vector JS gives Pseudo-Vector a few extra features/options not possible with pure CSS.

By default, it loads the Pseudo-Vector CSS, adds a 'Read' tab to the actions portlet, and gives the search box placeholder text. Optional features to disable the watch star, add a 'Contributions' tab to the actions portlet on user pages, and use the Visual Editor iconset are also available (see #Configuration).

Usage

See also: Help:Including additional CSS and JS, Help:Advanced CSS and JS
  • For site-wide use, an administrator can add the line below to the wiki's MediaWiki:ImportJS page. Note that JavaScript must be enabled on the wiki.
dev:Pseudo-Vector.js
  • For personal use, add the code snippet below to your global.js page (for use on all wikis) or your common.js page on your wiki (for use on a single wiki). Note that personal JS must be enabled for your account.
importArticles({
    type: 'script',
    articles: [
        'u:dev:Pseudo-Vector.js',
    ]
});
importArticles — Best Practices for installing JavaScript on Fandom
The importArticles statement is designed to combine multiple HTTP requests into a single data transfer, allowing multiple scripts to load and execute faster. If you've been installing several different scripts, your JavaScript file has probably accumulated unnecessary import statements. Click "Expand" to learn how to efficiently batch import scripts to speed up performance and make your code look cleaner. One other approach is by using the MediaWiki:ImportJS.
If your JavaScript file has several lines of code that say importScript, importScriptPage, or importArticles, you may be able to combine them! By batch importing a collection of scripts with a single import, your JavaScript code will load faster and look cleaner. Consider the example below. On the left is an example of what your JavaScript file might currently look like. On the right is how you could improve that code.
Multiple imports — messy and slow One import — clean and efficient
importScriptPage('AjaxRC/code.js','dev');
 
importScript('MediaWiki:localScript.js');
 
importArticle({
  type: 'script',
  article: 'u:dev:FloatingToc/code.js'
});
 
importScriptPage('page1.js', 'wikiname');
 
importScriptPage('page2.js', 'wikiname');
importArticles({
    type: 'script',
    articles: [
        'u:dev:AjaxRC/code.js',
        'MediaWiki:localScript.js',
        'u:dev:FloatingToc/code.js',
        'u:wikiname:page1.js',
        'u:wikiname:page2.js'
    ]
});
Note: In this example, pay close attention to the placement of commas and other punctuation. For people who aren't familiar with programming (and even those who are!), a common mistake when writing code is to accidentally delete, forget, or misplace critical symbols like commas or quotation marks. This can cause a syntax error that breaks the code. Carefully follow the convention shown here when using importArticles.
But there's much more to importArticles than just this! For more examples and advanced usage, see the help page at Help:Including additional JavaScript and CSS.

Configuration

There are a number of preferences that can be changed if you like. For personal use, copy the default preferences below into your JS page, above the import code. For wiki-wide use, copy the default preferences below into your wiki's MediaWiki:Monobook.js page anywhere.

Default preferences to copy+paste:

window.pseudoVector = {
    loadCss: true,
    addReadTab: true,
    addContributionsTab: false,
    disableWatchIcon: false,
    visualEditorIcons: false,
    blacklist: [
        'example1.wikia.com',
        'example2.wikia.com',
        'example3.wikia.com'
    ]
};
Preference Default Description
loadCss true Import the Pseudo-Vector CSS page - if you load the CSS via a CSS @import rule (perhaps to avoid a flash of unstyled content), you'll want to disable this
addReadTab true Add a 'Read' tab to the actions portlet
addContributionsTab false Add a 'Contributions' tab to the actions portlet on user pages
disableWatchIcon false Disable the star icon on the 'Watch'/'Unwatch' tab, and use text instead
visualEditorIcons false Use the Visual Editor iconset on the editor toolbar (using MonobookIconsVE)
blacklist [ ] An array of domains you don't want the Pseudo-Vector CSS to load on (perhaps due to them using a custom MonoBook skin, etc.)
Advanced preferences
cssArticles [ ] This array stores the CSS pages to be loaded - for example, if you're using this site-wide, and want to use a copy of Pseudo-Vector themed for your wiki, or want to load a certain CSS page along with Pseudo-Vector
readMsg { … } This object stores translations for the 'Read' tab

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.