Mobile-friendly Wikia

## Welcome to the Mobile-friendly Wikia

Most of Wikia readership is via mobile devices. This wikia use only mobile-friendly layouts. This requires using the new infobox coding. The tags are listed on the right.

## The infoboxes...

* Infobox
* Infobox album
* Infobox artist
* Infobox battle
* Infobox book
* Infobox chapter
* Infobox character 2 tone bg
* Infobox character animanga with image gallery
* Infobox character animanga with image panel
* Infobox character anime
* Infobox character game
* Infobox character multimedia
* Infobox character with border
* Infobox character with collapse
* Infobox character with family information
* Infobox character with image gallery and collapse
* Infobox church
* Infobox discography
* Infobox discography with collapse
* Infobox episode
* Infobox episode 2 columns
* Infobox item
* Infobox location
* Infobox movie
* Infobox officeholder
* Infobox president
* Infobox quest
* Infobox radio station
* Infobox rail line
* Infobox skill table
* Infobox song
* Infobox tabular
* Infobox tank
* Infobox television
* Infobox title bg switch
* Infobox title bg switch (ACS)
* Infobox with data panel
* Infobox with group colors
* Infobox with header collapse
* Infobox with horizontal
* Infobox with horizontal panel
* Infobox with horizontal tabber
* Infobox with image background
* Infobox with image gallery
* Infobox with image gallery as data
* Infobox with image panel
* Infobox with image tabber
* Infobox with scroll/wrap panel
* Infobox with toggle gallery
* Main Page
* Mobile-friendly Wikia

## Discography

* Modern Life is Rubbish
* Parklife
* The Great Escape

Modern Life is Rubbish

Parklife

The Great Escape

```
{{Infobox with scroll/wrap panel

}}

```

## Discography

* Modern Life is Rubbish
* Parklife
* The Great Escape

Modern Life is Rubbish

Parklife

The Great Escape

```
{{Infobox with scroll/wrap panel

}}

```

**infobox**

```
<infobox layout="stacked">

</infobox>

```

**title**

```
<infobox>
 <title source="name">
  <default>{{PAGENAME}}</default>
 </title>
</infobox>

```

**preset CSS**

```
<infobox theme="MediaWiki labelname">
 ...
</infobox>

```

**changeable CSS**

```
<infobox theme-source="labelname">
 ...
</infobox>

{{
}}

```

**preset header**

```
<infobox accent-color-default="#006cb0" accent-color-text-default="#ffffff">
 ...
</infobox>

```

**changeable header**

```
<infobox accent-color-source="title_bg" accent-color-text-source="title_text">
 ...
</infobox>

{{
}}

```

**alternative color**

```
.pi-theme-colors .pi-header[data-item-name="blue"],
.pi-theme-colors .pi-border-color[data-item-name="blue"] {
    background-color: #87CEFA;
    border-color: #87CEFA;
}

```

**default**

```
<default>John</default>

```

**title**

```
<title source="name">
 <default>{{PAGENAME}}</default>
</title>

```

**image**

```
<image source="image" />

```

**alt**

```
<image source="image">
  <alt source="alternative_title">
  <default>Default alt text</default>
  </alt>
</image>

```

**caption**

```
 <image source="image">
  <caption source="caption">
   <default>Default alt text</default>
  </caption>
 </image>

```

**panel gallery**

```
 <panel>
  <section>
   <label>Image 1</label><data source="image1"></data>
  </section>
  <section>
   <label>Image 2</label><data source="image2"></data>
  </section>
  <section>
   <label>Image 3</label><data source="image3"></data>
  </section>
 </panel>

```

**label**

```
<label>First name</label>

```

**data**

```
<data source="name">
 <label>First name</label>
 <default>John</default>
</data>

```

**group**

```
<group>
 <header>Group name</header>
 <data source="value1" />
</group>

```

**data in columns**

```
<group layout="horizontal">
   <header> </header>
   <data source="column left"><label>Column Left</label></data>
   <data source="column right"><label>Column Right</label></data>
</group>

<group row-items="2">
   <header> </header>
   <data source="column left"><label>Column Left</label></data>
   <data source="column right"><label>Column Right</label></data>
</group>

```

**display empty cells**

```
<group layout="horizontal" show="incomplete">
   <header> </header>
   <data source="column left"><label>Column Left</label></data>
   <data source="column right"><label>Column Right</label></data>
</group>

<group row-items="2" show="incomplete">
   <header> </header>
   <data source="column left"><label>Column Left</label></data>
   <data source="column right"><label>Column Right</label></data>
</group>

```

**collapse**

```
<group collapse="closed">
  <header>Appearances</header>
  <data source="films" />
  <data source="comics" />
</group>

```

**navigation**

```
<navigation>[[Links]]</navigation>

```