diff --git a/apps/finder/finder.go b/apps/finder/finder.go
index 1dac72d..b8961fe 100644
--- a/apps/finder/finder.go
+++ b/apps/finder/finder.go
@@ -30,7 +30,6 @@ func (f *FinderApplication) GetId() string {
 }
 
 func (f *FinderApplication) Render(isMobile bool) gin.H {
-
 	return gin.H{}
 }
 
@@ -39,6 +38,7 @@ func (f *FinderApplication) RenderContextMenu(context string, data string) gin.H
 
 	islands = append(islands, []wde.ContexMenuRow{
 		{Label: "Get Info", Action: "getInfo"},
+		{Label: "New Directory", Action: "createDir"},
 	})
 	if context == "FileTileView" {
 		return gin.H{
@@ -53,7 +53,6 @@ func (f *FinderApplication) RenderContextMenu(context string, data string) gin.H
 
 	switch context {
 	case "directory":
-
 	default:
 		islands = append(islands, []wde.ContexMenuRow{
 			{Label: "temp Menu 1", Action: ""},
@@ -66,6 +65,17 @@ func (f *FinderApplication) RenderContextMenu(context string, data string) gin.H
 	}
 }
 
+func (f *FinderApplication) RenderProps(filePath string) gin.H {
+	file, err := f.fs.NewRead(filePath)
+	if err != nil {
+		return nil
+	}
+
+	return gin.H{
+		"file": file,
+	}
+}
+
 // func (f *FinderApplication) Routes(routes *gin.RouterGroup) {
 // 	routes.GET("render", func(ctx *gin.Context) {
 // 		isMobileParam := ctx.Query("isMobile")
diff --git a/apps/finder/routes.go b/apps/finder/routes.go
index 3f39fb5..cb569c5 100644
--- a/apps/finder/routes.go
+++ b/apps/finder/routes.go
@@ -40,4 +40,10 @@ func (f *FinderApplication) Routes(routes *gin.RouterGroup) {
 		ginH := f.RenderContextMenu(context, data)
 		ctx.HTML(http.StatusOK, "wde-widgets/context-menu.tmpl", ginH)
 	})
+
+	routes.GET("renderProps", func(ctx *gin.Context) {
+		filePath := ctx.Query("path")
+		ginH := f.RenderProps(filePath)
+		ctx.HTML(http.StatusOK, "finder/props.tmpl", ginH)
+	})
 }
diff --git a/resources/sys/finder/finder.js b/resources/sys/finder/finder.js
index da6b607..ffbe3e8 100644
--- a/resources/sys/finder/finder.js
+++ b/resources/sys/finder/finder.js
@@ -202,7 +202,7 @@ class Finder{
             overlay.appendChild(menu)
             document.body.appendChild(overlay)
 
-            overlay.addEventListener('click',(event) => {
+            overlay.addEventListener('click', (event) => {
                 if (event.target.classList.contains("Row")){ //TODO add uuid id to rows to more accurate checks??
                     let fileType = target.getAttribute("fileType")
                     let fileName = target.getAttribute("name")
@@ -225,21 +225,41 @@ class Finder{
                                 console.log(fileName)
                                 // break
                                 fetch(`/fs/delete?` + new URLSearchParams({
-                                    path: `${this.path}/${fileName}` //FIXME
+                                    path: `${this.path}/${fileName}`
                                 }))
                                 .then((response) => {
                                     console.log(response.status)
                                     if (response.status == 200){
                                         this.OpenDir(this.path)
+                                       
                                     }
                                 })
+                               
                                 .catch((error) => {
                                     WebDesktopEnvironment.Alert(error);
                                 })
                             break
                             case "getInfo":
-                                // console.log("Open Properties")
-                                WebDesktopEnvironment.Open("props-viewer", `${this.path}/${fileName}`)
+                                fetch(`/application/${this.appId}/renderProps?` + new URLSearchParams({
+                                    path: `${this.path}/${fileName}`
+                                }))
+                                .then((response) => {
+                                    console.log(response)
+                                    if (response.status == 200){
+                                        console.log("Success")
+                                        return response.text();
+                                    }
+                                })
+                                .then((html) =>{
+                                    let newWindow = WebDesktopEnvironment.CreateNewWindow(this.appId, 350, 500 )    
+                                    newWindow.innerHTML = html
+                                    newWindow.querySelector("#closeWindowButton").addEventListener('click', function (params) {
+                                        WebDesktopEnvironment.CloseWindow(newWindow)
+                                    })
+                                })
+                                .catch((error) => {
+                                    WebDesktopEnvironment.Alert(error);
+                                })
                         default:
                             break;
                     } 
diff --git a/templates/finder/props.tmpl b/templates/finder/props.tmpl
new file mode 100644
index 0000000..fbd27be
--- /dev/null
+++ b/templates/finder/props.tmpl
@@ -0,0 +1,53 @@
+{{ define "finder/props.tmpl" }}
+	<div class="TitleBar DragArea">
+		<button id="closeWindowButton" class="Button" title="Close Window"></button>
+		<div id="Drag" class="VisualDragArea"></div>
+		<div class="Lable">
+			File Properties
+		</div>
+		<div id="Drag" class="VisualDragArea"></div>
+	</div>
+	<div class="ContentBorder">
+			<div class="PropertiesList">
+				<div class="Personal-properties-bio">
+					<img src="data:{{ .headerProps.Icon.Header }},{{ .headerProps.Icon.Base64 }}" alt="File Icon" style="width: 48px;height: 48px;">
+					<div class="Personal-properties-textbio">
+						<div>{{ .file.Name }}</div>
+						<!-- <div>{{ .headerProps.Info1 }}</div>
+						<div>{{ .headerProps.Info2 }}</div> -->
+					</div>
+				</div> 
+				{{ range $propIsland := .allprops }}
+						<div id="prop" class="Personal-properties-prop">
+							<div class="Personal-properties-prop-title">
+								{{$propIsland.Header}}:
+							</div>
+							<div class="Personal-properties-prop-content">
+								{{range $prop := $propIsland.Props}}
+								<div class="Personal-properties-prop-row">
+									<div class="Personal-properties-prop-key">
+										{{$prop.Key}}:
+										{{ range $value := $prop.KeyComments }}
+										<div class="Personal-properties-prop-key-comments">    
+											{{ $value }} 
+										</div>
+										{{ end }}
+									</div>
+									<div class="Personal-properties-prop-values">
+										{{ range $value := $prop.Values }}
+										<div class="Personal-properties-prop-value">    
+											{{ $value }} 
+										</div>
+										{{ end }}
+									</div>
+								</div>
+							{{ end }}
+							</div>
+						</div>
+					{{ end }}
+			</div>
+		</div>
+	</div>
+{{ end }}
+
+				
\ No newline at end of file