Foreground talk:Community Portal

Welcome to the Community Portal of the MediaWiki Foreground Skin. You may use this to ask questions about Foreground or suggest improvements to this site. See also the page about the mailing list.

Adding logo image?

What is the best practice for adding a small logo image to the left of the title-name? --RobertRies (talk) 09:04, 15 March 2017 (CEST)

"Forground" takes the logo from the $wgLogo configuration parameter, so you have to add something like the following to your "LocalSettings.php" file prior to invoking "Foreground":

$wgLogo = "$wgScriptPath/images/assets/Logo.png";

Cheers --Kghbln (talk) 10:17, 15 March 2017 (CET)

Update: Had trouble getting this to work, and finally resolved by defining the $wgForegroundFeatures array (default values listed below) in LocalSettings.php and change navbarIcon => true,

$wgForegroundFeatures = array(      
      'showActionsForAnon' => true,
      'NavWrapperType' => 'divonly',
      'showHelpUnderTools' => true,
      'showRecentChangesUnderTools' => true,
      'wikiName' => &$GLOBALS['wgSitename'],
      'navbarIcon' => false,
      'IeEdgeCode' => 1,
      'showFooterIcons' => 0,
      'addThisFollowPUBID' => ''
);

--RobertRies (talk) 02:01, 19 April 2017 (CEST)

Indeed, that's correct. I did not think of this at the time I was writing and thought I would happen automatically. Sorry for this mistake and thank you for reporting back. --Kghbln (talk) 08:21, 19 April 2017 (CEST)

Drop down menues?

How do you create drop down menus in foreground? -- Forrestlaprade (talk) 23:38, 17 March 2014‎

Sorry that you did not get an answer yet. Just edit MediaWiki:Sidebar. Cheers --Kghbln (talk) 17:23, 2 July 2016 (CEST)

Styling dropdown menu.

I'm having a hell of a time styling my Foreground skin. I had a previous version but upgraded at some point which killed a lot of the styling options. Things like the following examples don't do anything to change the dropdown lists. I'm at a loss of the combination of CSS calls needed to target the dropdown menus now.

/* Darker color for the hover over items */
.top-bar-section ul li.hover > a,
.top-bar-section ul li ul.dropdown li.hover > a {
    background: #ffae00;
}

/* Slightly darker color for the dropdowns */
.top-bar-section ul li ul.dropdown li > a {
    background: #ffe4b2;
}

Any ideas of how I can get this working? I'm running Wiki 1.28.1 and Foreground 2.1.0-alpha. Thanks.

Restoring your question if you do not mind. Probably others will run into the issue too and this information will probably be of help to them. Cheers --Kghbln (talk) 06:27, 8 May 2017 (CEST)

Echo display issues...

I just installed Echo at Children of StarClan. Their is something weird going on with how it displays that also happens here (at least in Safari and Firefox) that I think you'll want to address. I haven't worked out if it's a CSS problem or not yet, but if I do. before you patch, I'll update you. Kitsufox (talk) 04:00, 23 May 2017 (CEST)

Indeed the integration of Echo is painful however the issue is more with Echo than with Foreground. Echo was totally refactored a couple of times which is difficult to trace and track. I recommend to already use the latest development version of Foreground which will probably be released soon. The integration of Echo was fixed for that release. I use it on a wiki for a month now. --Kghbln (talk) 08:54, 23 May 2017 (CEST)

Does the foundation 5 upgrade change the way tabs have to be programed? It breaks every tab set on the site... Kitsufox (talk) 16:28, 26 May 2017 (CEST)

Indeed, it does and this has to be reworked on the wiki and this is painful. I believe that tabs now act like it was described here. Pivot it also using Foundation 5. Cheers --Kghbln (talk) 16:38, 26 May 2017 (CEST)

That worked perfectly, thank you! I've even already got everything swapped over (and loving how much cleaner the code is for the updated tabs! Much more user friendly). Kitsufox (talk) 01:41, 27 May 2017 (CEST)

[solved] want to remove the "Main Page" title on the main page

Hello love the look and feel of skin, thank you.

1. I want to remove the "Main Page" title on the main page

1. https://www.mediawiki.org/wiki/Extension:NoTitle does not work.
2. https://www.mediawiki.org/wiki/Manual:FAQ#How_do_I_hide_the_main_page_title? does not work

i added this css to MediaWiki:Common.css and MediaWiki:Foreground.css

Moscowamerican (talk) 08:45, 19 December 2017 (CET)

i added:

#firstHeading {
    display: none;
}

to MediaWiki:Common.css Moscowamerican (talk) 09:25, 19 December 2017 (CET)

Doing so will hide the first heading of all pages, so doing

.page-Main_Page #firstHeading {
    display: none;
}

should only hide it on Main Page only. --Kghbln (talk) 14:27, 19 December 2017 (CET)

[solved] Want to remove the tagline from the wiki

I want to remove the tagline from the wiki

1. https://www.mediawiki.org/wiki/Manual:Tagline_(Site_Subtitle) does not work.

Thank you! Moscowamerican (talk) 08:46, 19 December 2017 (CET)

I added:

#tagline {
    display: none;
}

to MediaWiki:Common.css Moscowamerican (talk) 09:28, 19 December 2017 (CET)

A probably better way to hide the tagline on all pages is to blanc, not to delete "MediaWiki:Tagline" --Kghbln (talk) 14:27, 19 December 2017 (CET)

Want to remove the "action" box for editors that are not logged in

I notice on this wiki, the action box is gone if you are not logged in. how do i remove this? Is it better to post these questions on https://www.mediawiki.org/wiki/Skin_talk:Foreground ? Thank you! Moscowamerican (talk) 08:45, 19 December 2017 (CET)

This wiki is indeed missing something like this page at Foreground features explaining the configuration. This wiki is using the following configuration:

# Foreground
require 'skins/foreground/foreground.php';
$wgForegroundFeatures = array(
	'showActionsForAnon' => false,
	'NavWrapperType' => 'divonly',
	'showHelpUnderTools' => false,
	'showRecentChangesUnderTools' => true,
	'wikiName' => 'MediaWiki Foreground Skin',
	'navbarIcon' => false,
	'IeEdgeCode' => 1,
	'showFooterIcons' => 1,
	'addThisFollowPUBID' => ''
);

The setting 'showActionsForAnon' => false, disables the action box for anonymous visitors. --Kghbln (talk) 14:27, 19 December 2017 (CET)

Want to make the size of the sections smaller

The section size of each subsection is HUGE - how do i change this back to the normal size? Moscowamerican (talk) 08:53, 19 December 2017 (CET)

Here you need to fiddle with CSS too like e.g. reducing the font size

h2 {
    font-size: 1.6875em;
}

Cheers --Kghbln (talk) 14:27, 19 December 2017 (CET)

INCREDIBLE - thank you so much sir! Moscowamerican (talk) 16:06, 19 December 2017 (CET)

Default size of edit box is half the size!

I don't know if you notice this, but the default edit box when a person first installs this program is half the size it usually is!

Here is a screenshot! https://i.imgur.com/ifKmAo2.png

This could be a conflict with another extension - if you dont know this when this skin is first installed it is probably a conflict with another extension (such as MsUpload) !

http://moscowamerican.com/index.php?title=Special:Version

Moscowamerican (talk) 16:06, 19 December 2017 (CET)

To solve this you should add the following CSS:

#editform, #toolbar, #wpTextbox1 {
    width: 100%;
}

This fix probably has to be added to the skin's code in case this is still present in version 2.0 --Kghbln (talk) 17:08, 19 December 2017 (CET)

align="right" does not work!

Kghbln - you are awesome! Thank you for the prompt reply. Is there a guidebook on how CSS works? I need to buy it if there is!

This was a problem on earlier version of mediawiki I found, which still exists on your skin, https://phabricator.wikimedia.org/T38495

align="right" does not work!

Test:

test with align="right"

{|align="right" |test with align="right" |}

I know there is a code that I can put around the tables to change them individually, but I cannot find it!

Any help as always will be most appreciated! I will add a link to this talk page on mediawiki to help others! Moscowamerican (talk) 15:58, 19 December 2017 (CET)

This works for me with e.g. the following code:

{| class="wikitable" align="right" style="width: 300px;"
|-
| Example
|-
| Example
|}

Result

Example

Example

However you could also use the workaround mentioned in the bug report you cited. Cheers --Kghbln (talk) 17:08, 19 December 2017 (CET) PS This is actually not my skin. I am just hosting this demo site for the community. PPS If you would like to learn the basis of CSS you should have a look at www.w3schools.com PPS I am off for Xmas holidays now so I will not be able to answer question before the second week of January 2018. PPPS There is also a mailing list for Foreground