diff --git a/filemanager/templates/mobile/index.xet b/filemanager/templates/mobile/index.xet
new file mode 100644
index 0000000000..a149378097
--- /dev/null
+++ b/filemanager/templates/mobile/index.xet
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE overlay PUBLIC "-//Stylite AG//eTemplate 2//EN" "http://www.egroupware.org/etemplate2.dtd">
+<!-- $Id$ -->
+<overlay>
+	<template id="filemanager.index.rows" template="" lang="" group="0" version="1.7.002">
+		<grid width="100%">
+			<columns>
+				<column width="10"/>
+				<column width="60"/>
+				<column width="90%"/>
+				<column width="100"/>
+			</columns>
+			<rows>
+				<row class="th">
+				</row>
+				<row class="row $row_cont[class]">
+					<vbox></vbox>
+					<vbox>
+						<vfs-mime align="center" id="$row"/>
+					</vbox>
+					<vbox>
+						<vfs-name id="${row}[name]" no_lang="1" readonly="true"/>
+						<description id="${row}[comment]"/>
+					</vbox>
+					<vbox>
+						<vfs-size align="right" id="${row}[size]"/>
+						<time_or_date id="${row}[mtime]" readonly="true"/>
+					</vbox>
+				</row>
+			</rows>
+		</grid>
+	</template>
+	<template id="filemanager.index.header_left" template="" lang="" group="0" version="1.9.002">
+		<hbox span="all" class="filemanager_navigation">
+			<image label="Up" src="goup" onclick="app.filemanager.change_dir('..',widget);" id="up"/>
+			<image label="Go to your home directory" src="gohome" onclick="app.filemanager.change_dir('~',widget);" id="home"/>
+			<vfs-name label="Path" id="path" onchange="if(widget.getValue() == '') { app.filemanager.change_dir('~',widget);} return true;" size="80" class="address"/>
+			<hbox id="buttons">
+				<button label="Go to" id="button[go]" image="key_enter"/>
+				<buttononly label="Tile view" id="button[change_view]" onclick="app.filemanager.change_view" options="list_tile"/>
+				<image id="tarp" src="buttonseparator"/>
+				<buttononly statustext="Rename, change permissions or ownership" label="Edit settings" id="button[edit]" onclick="app.filemanager.editprefs();" options="edit"/>
+				<buttononly label="Create directory" id="button[createdir]" onclick="app.filemanager.createdir();" options="button_createdir,createdir_disabled"/>
+				<buttononly label="Create a link" id="button[symlink]" onclick="app.filemanager.symlink();" options="link,link_disabled"/>
+				<buttononly label="Paste" id="button[paste]" onclick="app.filemanager.paste('paste');" options="editpaste,editpaste_disabled"/>
+				<buttononly label="Paste link" id="button[linkpaste]" onclick="app.filemanager.paste('linkpaste');" options="linkpaste,linkpaste_disabled"/>
+				<buttononly label="Mail paste" id="button[mailpaste]" onclick="app.filemanager.paste('mailpaste');" options="mailpaste,mailpaste_disabled"/>
+				<button label="File a file" onclick="window.open(egw::link('/index.php','menuaction=stylite.stylite_filemanager.upload'),'_blank','dependent=yes,width=550,height=350,scrollbars=yes,status=yes'); return false;" image="upload"/>
+				<file statustext="Select file to upload in current directory" id="upload" progress_dropdownlist = "true" drop_target ="divAppbox" multiple="true" onFinishOne="app.filemanager.uploadOnOne"/>
+			</hbox>
+		</hbox>
+	</template>
+	<template id="filemanager.index" template="" lang="" group="0" version="1.9.003">
+		<nextmatch id="nm" template="filemanager.index.rows" header_left="filemanager.index.header_left"/>
+	</template>
+</overlay>
diff --git a/filemanager/templates/pixelegg/app.css b/filemanager/templates/pixelegg/app.css
index 61a5b5df8e..3fc6ffe811 100755
--- a/filemanager/templates/pixelegg/app.css
+++ b/filemanager/templates/pixelegg/app.css
@@ -544,3 +544,18 @@ div#stylite-filemanager-upload .dialogFooterToolbar button:active {
   -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
   box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
 }
+/* tablets and smartphones  */
+@media only screen and (max-device-width: 1024px) {
+  #filemanager-index_nm table.egwGridView_outer tbody span[id^='filemanager-index'][id$='size]'] {
+    font-size: 8pt;
+    text-align: right;
+  }
+  #filemanager-index_nm table.egwGridView_outer tbody label[id^='filemanager-index'][id$='name]'] {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
+  }
+  #filemanager-index_nm table.egwGridView_outer tbody label[id^='filemanager-index'][id$='name]'] span {
+    white-space: nowrap;
+  }
+}
diff --git a/filemanager/templates/pixelegg/app.less b/filemanager/templates/pixelegg/app.less
index a831f441e6..1e88632e74 100644
--- a/filemanager/templates/pixelegg/app.less
+++ b/filemanager/templates/pixelegg/app.less
@@ -14,6 +14,7 @@
 
 
 @import (reference) "../../../pixelegg/less/definitions.less";
+@import (reference) "../../../pixelegg/less/def_mobile.less";
 @import (less) "../default/app.css";
 
 /*/*****************************************************************
@@ -346,4 +347,25 @@ div#stylite-filemanager-upload{
 }
 
 
-//
\ No newline at end of file
+//
+
+/* tablets and smartphones  */
+@media only screen and (max-device-width:1024px) {
+	#filemanager-index_nm {
+		table.egwGridView_outer tbody {
+			span[id^='filemanager-index'][id$='size]']{
+				.mob-fontsize-s;
+				text-align: right;
+			}
+			label[id^='filemanager-index'][id$='name]'] {
+				overflow: hidden;
+				text-overflow: ellipsis;
+				max-width: 100%;
+				span{
+					white-space: nowrap;
+					
+				}
+			}
+		}
+	}
+}
\ No newline at end of file