# Index.html in a Pod folder and keeping browser

**URL:** <https://forum.solidproject.org/t/index-html-in-a-pod-folder-and-keeping-browser/1113>\
**Category:** Self Host a Solid Pod\
**Created:** [January 18, 2019, 4:44pm UTC](https://forum.solidproject.org/t/index-html-in-a-pod-folder-and-keeping-browser/1113 "2019-01-18T16:44:54Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![Smag0](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.solidproject.org/smag0/32/310_2.png) [@Smag0](https://forum.solidproject.org/u/Smag0)\
**Post date:** [January 18, 2019, 4:44pm UTC](https://forum.solidproject.org/t/index-html-in-a-pod-folder-and-keeping-browser/1113/1 "2019-01-18T16:44:54Z")

</div>

I know I can put an index.html file in a folder of my pod to change the behavior of that folder. Then the index.htlm is displayed instead of the possibility of browsing that folder.  
But what I would like to have is BOTH :

- an html file where I could for example explain what is that public folder, what data is in , how it can be used, which webapp can use it, who must be contacted to fix errors with that data…
- and keep the possibility to browse that folder…  
But I don’t know which file I have to modify in the solid-gui to do so.  
If anyone has an idea how to do that?  
or perhaps is it in the solid-server?  
Txs

---

<div class="post-metadata">

**Author:** ![bourgeoa](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.solidproject.org/bourgeoa/32/291_2.png) [@bourgeoa](https://forum.solidproject.org/u/bourgeoa)\
**Post date:** [January 18, 2019, 8:08pm UTC](https://forum.solidproject.org/t/index-html-in-a-pod-folder-and-keeping-browser/1113/2 "2019-01-18T20:08:42Z")

</div>

You can allways browse the folder with [Solside-ide](https://jeff-zucker.github.io/solid-ide/)  
or use an other `<name>.html` file

---

<div class="post-metadata">

**Author:** ![jeffz](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.solidproject.org/jeffz/32/600_2.png) [@jeffz](https://forum.solidproject.org/u/jeffz)\
**Post date:** [January 18, 2019, 8:15pm UTC](https://forum.solidproject.org/t/index-html-in-a-pod-folder-and-keeping-browser/1113/3 "2019-01-18T20:15:08Z")

</div>

Or put a little snippet at the bottom of the index.html which calls [solid-file-client](https://jeff-zucker.github.com/solid-file-client) and uses it to display a dynamic, possibly clickable list of the files in the folder.

---

<div class="post-metadata">

**Author:** ![Smag0](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.solidproject.org/smag0/32/310_2.png) [@Smag0](https://forum.solidproject.org/u/Smag0)\
**Post date:** [January 18, 2019, 9:08pm UTC](https://forum.solidproject.org/t/index-html-in-a-pod-folder-and-keeping-browser/1113/4 "2019-01-18T21:08:43Z")

</div>

TXS, as you , I’ve used solside, but it’s not easy for every user’.  
What I had in mind is more a snippet of html / iframe on the top of default folder browser .  
An option provided for the owner to easily describe that folder, perhaps an index.html.pod that could be stored in that folder and included on top of default browser

Do you know if this is the solid-server or the solid-gui that decide to show the index.html or the browser ?

---

<div class="post-metadata">

**Author:** ![bourgeoa](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.solidproject.org/bourgeoa/32/291_2.png) [@bourgeoa](https://forum.solidproject.org/u/bourgeoa)\
**Post date:** [January 18, 2019, 10:32pm UTC](https://forum.solidproject.org/t/index-html-in-a-pod-folder-and-keeping-browser/1113/5 "2019-01-18T22:32:13Z")

</div>

it seems I read somewhere that there is an implicit index.html and that when we had one it superseed the implicit one and you cannot see the container content anymore.  
You can allways list the container content and access it through the solidFile.folder()

---

<div class="post-metadata">

**Author:** ![dredd](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.solidproject.org/dredd/32/375_2.png) [@dredd](https://forum.solidproject.org/u/dredd)\
**Post date:** [January 18, 2019, 11:51pm UTC](https://forum.solidproject.org/t/index-html-in-a-pod-folder-and-keeping-browser/1113/6 "2019-01-18T23:51:10Z")

</div>

> [@Smag0](#):
>
> But I don’t know which file I have to modify in the solid-gui to do so.

The file you’re after is **databrowser.html** in the server’s **static** folder.

---

<div class="post-metadata">

**Author:** ![Smag0](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.solidproject.org/smag0/32/310_2.png) [@Smag0](https://forum.solidproject.org/u/Smag0)\
**Post date:** [January 19, 2019, 8:36am UTC](https://forum.solidproject.org/t/index-html-in-a-pod-folder-and-keeping-browser/1113/7 "2019-01-19T08:36:01Z")

</div>

Txs, I’ll take a look

---

<div class="post-metadata">

**Author:** ![Smag0](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.solidproject.org/smag0/32/310_2.png) [@Smag0](https://forum.solidproject.org/u/Smag0)\
**Post date:** [January 20, 2019, 4:19pm UTC](https://forum.solidproject.org/t/index-html-in-a-pod-folder-and-keeping-browser/1113/8 "2019-01-20T16:19:52Z")

</div>

Sorry but I don’t find where is the server test : if I have an index.html I render it , else I show the browser

---

<div class="post-metadata">

**Author:** ![adventure](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.solidproject.org/adventure/32/1152_2.png) [@adventure](https://forum.solidproject.org/u/adventure)\
**Post date:** [November 16, 2019, 1:38pm UTC](https://forum.solidproject.org/t/index-html-in-a-pod-folder-and-keeping-browser/1113/9 "2019-11-16T13:38:58Z")

</div>

You can also use the data browser as a web app here: [https://index.solid.community/public/8-2/testing123.html](https://index.solid.community/public/8-2/testing123.html)

Enter the url of the folder your trying to show like [https://smag0.solid.community/public/](https://smag0.solid.community/public/) will give you a view of the public folder like this: [https://index.solid.community/public/8-2/testing123.html?uri=https%3A%2F%2Fsmag0.solid.community%2Fpublic%2F](https://index.solid.community/public/8-2/testing123.html?uri=https%3A%2F%2Fsmag0.solid.community%2Fpublic%2F) even if you created an index.html page in the folder. Then you can simply copy the link in your browser and do embed src command with the link of the view you just created in the data browser.

Now you can show a view of the public folder and make notations about it on the /public/index.html page. As an added feature discovered, you should see the index.html file in the list, you can delete it by opening the file, select the gear tab, and delete it; what should appear on the /public should be the above data browser views.

As an example, see [https://index.solid.community/public/8-2/testing123.html?uri=https%3A%2F%2Fsolside.solid.community%2Fpublic%2F](https://index.solid.community/public/8-2/testing123.html?uri=https%3A%2F%2Fsolside.solid.community%2Fpublic%2F) you can see the index.html file. You can also edit the pod via the data-browser-as-a-web-app.

---

<div class="post-metadata">

**Author:** ![Smag0](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.solidproject.org/smag0/32/310_2.png) [@Smag0](https://forum.solidproject.org/u/Smag0)\
**Post date:** [November 17, 2019, 7:30am UTC](https://forum.solidproject.org/t/index-html-in-a-pod-folder-and-keeping-browser/1113/10 "2019-11-17T07:30:13Z")

</div>

Thxs @adventure that could do the trick.  
I’ll take a look at.  
Is this the same way that you used to [https://mikeadams1.github.io/solidash/portal.html](https://mikeadams1.github.io/solidash/portal.html)  
mentioned in [Conceptual Design - Solid better User Experience](http://forum.solidproject.org/t/conceptual-design-solid-better-user-experience/422/9) ?

---

<div class="post-metadata">

**Author:** ![adventure](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.solidproject.org/adventure/32/1152_2.png) [@adventure](https://forum.solidproject.org/u/adventure)\
**Post date:** [November 17, 2019, 11:29am UTC](https://forum.solidproject.org/t/index-html-in-a-pod-folder-and-keeping-browser/1113/11 "2019-11-17T11:29:32Z")

</div>

Yes,

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/solidproject/original/2X/2/2a7da6b5af7068db3fab794a0eab785bc6d61450.png) you can see the embed src code, seemed to be the easiest way to work it in.

---

<div class="post-metadata">

**Author:** ![adventure](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.solidproject.org/adventure/32/1152_2.png) [@adventure](https://forum.solidproject.org/u/adventure)\
**Post date:** [November 17, 2019, 12:23pm UTC](https://forum.solidproject.org/t/index-html-in-a-pod-folder-and-keeping-browser/1113/12 "2019-11-17T12:23:26Z")

</div>

There are several things you can do with the data browser, maybe we should start a thread on that subject.

I created a file for you as an example on my index.solid.community pod.

Lets say you want to use the data browser to show a URL or URI on page load, You can create the page like below, and then, embed src that into your page so you can explain what happened to the public folder. Here I have the public folder of [https://solside.solid.community/public/](https://solside.solid.community/public/) preloaded into the data browser:

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/solidproject/original/2X/c/ccb8beeb4c44ab7056d9f73e657d4aa82a34578a.png)

Now you can \<iframe that into your page that you want to explain or you can use embed src either way works. Here is a link to the page above: [https://index.solid.community/public/8-2/demo-of-solid-data-browser-for-smag0.html](https://index.solid.community/public/8-2/demo-of-solid-data-browser-for-smag0.html)

---

<div class="post-metadata">

**Author:** ![adventure](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.solidproject.org/adventure/32/1152_2.png) [@adventure](https://forum.solidproject.org/u/adventure)\
**Post date:** [November 17, 2019, 12:35pm UTC](https://forum.solidproject.org/t/index-html-in-a-pod-folder-and-keeping-browser/1113/13 "2019-11-17T12:35:32Z")

</div>

If you want to change what the data browser is displaying, simply change this line of code I have highlighted in blue, to what ever you want the data browser to point to:

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/solidproject/original/2X/5/5c01a9a2e3a79721354e4145f65be1ad92108983.png)

I am currently working on customizing the data browser to do certain things so, if anyone is interested in sharing ideas, feel free to pm me here, or on gitter @mikeadams1. Over the next couple weeks I will be launching a customized version of the solid data browser, and a hacked version of one of my previous hacks, using code pulled from various NSS related repos here. A link to the site I am developing is here: [https://solid.WebID.cloud](https://solid.WebID.cloud) and at [https://WebID.cloud](https://WebID.cloud) is where I will launch our own Solid WebID Pod Server.

---

<div class="post-metadata">

**Author:** ![Smag0](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.solidproject.org/smag0/32/310_2.png) [@Smag0](https://forum.solidproject.org/u/Smag0)\
**Post date:** [November 17, 2019, 2:26pm UTC](https://forum.solidproject.org/t/index-html-in-a-pod-folder-and-keeping-browser/1113/14 "2019-11-17T14:26:23Z")

</div>

Ok, it’s integrated [https://scenaristeur.github.io/solidash/browser.html](https://scenaristeur.github.io/solidash/browser.html)

---

<div class="post-metadata">

**Author:** ![adventure](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.solidproject.org/adventure/32/1152_2.png) [@adventure](https://forum.solidproject.org/u/adventure)\
**Post date:** [November 17, 2019, 3:34pm UTC](https://forum.solidproject.org/t/index-html-in-a-pod-folder-and-keeping-browser/1113/15 "2019-11-17T15:34:36Z")

</div>

@smag0 Nice job!

---

<div class="post-metadata">

**Author:** ![Smag0](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.solidproject.org/smag0/32/310_2.png) [@Smag0](https://forum.solidproject.org/u/Smag0)\
**Post date:** [November 17, 2019, 3:45pm UTC](https://forum.solidproject.org/t/index-html-in-a-pod-folder-and-keeping-browser/1113/16 "2019-11-17T15:45:15Z")

</div>

all merit is yours 😉 , now i’ve to put it in a js web-component / module

---

<div class="post-metadata">

**Author:** ![adventure](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.solidproject.org/adventure/32/1152_2.png) [@adventure](https://forum.solidproject.org/u/adventure)\
**Post date:** [November 17, 2019, 4:10pm UTC](https://forum.solidproject.org/t/index-html-in-a-pod-folder-and-keeping-browser/1113/17 "2019-11-17T16:10:43Z")

</div>

Thank’s allot for that! But, I feel the need to credit @timbl @megoth and others that have created and worked on the data browser, it has taken me a month just to understand the mashlib library on this thing.

A suggestion would be to possibly consider also using some of the widgets that are native to solid, like those found in the Meetalator, among other things. [https://mikeadams1.github.io/Solid-Wiidget-Library/widget.html#](https://mikeadams1.github.io/Solid-Wiidget-Library/widget.html#)

The repo is here: [https://github.com/mikeadams1/Solid-Wiidget-Library](https://github.com/mikeadams1/Solid-Wiidget-Library) which is just a place for me to store the code.

---

<div class="post-metadata">

**Author:** ![adventure](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.solidproject.org/adventure/32/1152_2.png) [@adventure](https://forum.solidproject.org/u/adventure)\
**Post date:** [November 17, 2019, 5:13pm UTC](https://forum.solidproject.org/t/index-html-in-a-pod-folder-and-keeping-browser/1113/18 "2019-11-17T17:13:13Z")

</div>

You may want to create a space for Bikeshed, this is an awesome app. [https://api.csswg.org/bikeshed/](https://api.csswg.org/bikeshed/)

One of the things that I am trying to grasp is, that people are making react apps to work with solid but yet, you cannot access them via the solid data browser. Like [https://generator.inrupt.net](https://generator.inrupt.net)

For me, I think that there should be more development of native solid apps, so everything can be used in connection with the data browser, IMHO.
