Skip to content
View in the app

A better way to browse. Learn more.

Unraid

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.
Message added by SpencerJ,

Heads up, this plugin version is not actively maintained. Folderview3 is where you will want to go for the latest requests https://forums.unraid.net/topic/197223-plugin-folderview3/

[Plugin] FolderView

Featured Replies

  • Author
21 minutes ago, scottcru said:

Have just installed and setup, everything went perfectly with one exception that is probably more likely to be user error rather than a fault of the plug-in.

 

Found how to sort dockers within a folder, but just can't sort / re-order the folders based on my personal preference. The order just looks like the latest folder I created being on the top of the folder list. 

 

Any help would be appreciated.

You can reorder them just like normal containers, if that won't work, I need the debug file (first post for instructions)

  • Replies 1k
  • Views 213.1k
  • Created
  • Last Reply

Top Posters In This Topic

Most Popular Posts

  • VladoPortos
    VladoPortos

    Before you do anything, go to plugins tab and click on the old 'FolderView' plugin, click on the folder icon you should get page like this:   Click on export all, this will give you a

  • VladoPortos
    VladoPortos

    @scolcipitato I'm very sad too see it go, so hopefully you do not mind. I did forked it and fixed it for v.7 of Unraid.  I'm not much of Unriad plugin developer ( at all lol ), but I love this pl

  • scolcipitato
    scolcipitato

    Hi, guys, it has been a while. I am sorry for the long absence, but I have important news regarding this plugin.   I have decided to move away from Unraid, (partly because of the new

Posted Images

On 9/10/2023 at 2:34 PM, scolcipitato said:

This can work, I'll see if this won't mean major code changes and if not implement it.

For now, I'm focusing on the context menu for the docker tab.

Can't wait to see this GUI update once you get some breathing room to get to it. you are the man!!!

18 hours ago, scolcipitato said:

You can reorder them just like normal containers, if that won't work, I need the debug file (first post for instructions)

I was wondering this as well. I didn't quite find any way to do that sorting. But then I noticed that while being in the docker tab, there is a small lock at the top that enables the sorting. Not very obvious place to have that setting.

image.png.d191f39f7bfe5478f8363c95aadb4536.png

  • Author
Just now, NiLon said:

I was wondering this as well. I didn't quite find any way to do that sorting. But then I noticed that while being in the docker tab, there is a small lock at the top that enables the sorting. Not very obvious place to have that setting.

image.png.d191f39f7bfe5478f8363c95aadb4536.png

Thought the same thing when updating to unraid 6.12, I really liked the old way, but as I said, I won't change how unraid handle this sort of stuff.

34 minutes ago, NiLon said:

I was wondering this as well. I didn't quite find any way to do that sorting. But then I noticed that while being in the docker tab, there is a small lock at the top that enables the sorting. Not very obvious place to have that setting.

image.png.d191f39f7bfe5478f8363c95aadb4536.png

You superstar, I missed the lock! currently re-ordering as I type. Thank-you.

I think that's been mentioned a several times in this thread 🤣😂

On 7/31/2023 at 6:04 PM, Jaycedk said:

@baccula

You need to unlock, before you can do this.

image.thumb.png.f515fd7a2ab48e5be78ea5d09a828e3b.png

 

@scolcipitato You might wan't to make the above a sticky or add it to your first post.

New commers to 6.12.X will have no clue.

Not your fault, but something new to Unraid 6.12.X 

  • Author
On 8/24/2023 at 4:40 PM, elBelgg said:

Hello, I just installed this plugin and I would like to know if there is any way to be able to translate it. It's a bit annoying to see all the options below in Spanish and then one in English (Add Folder).

I had thought that maybe it could be done with CustomCSS, but I'm not entirely sure.

This was a good idea, so good that i actually I made it, now I just need people to translate the plugin.

I'll leave the translation file if anyone wants to translate something.

The "locale" field and the name of the file should be an ISO 639-1 language code.

If you translate, don't edit any HTML tags you see, only edit text.

 

For anyone else, I'm getting a little burned out on the advanced context, so I made this, I promise I will continue, I just need to comment out the code, iron out some bugs, and copy the new code to the dashboard, the update is not far in the future.

With this update I also introduced the feature requested from @jbb, you can add containers to a folder with labels.

en.json

 

Edit:

For anyone translating, the field "updating" have a $1 in the string, that $1 is the name of the folder, so it should stay there, you can change its position.

The same concept is for HTML tags mentioned above, you can change their positions, but they shouldn't be removed.

 

Edit 2:

Forgot to mention I translated the plugin in Italian, if you want to redo my work you are more than welcome.

Edited by scolcipitato

Not sure if someone asked this already but is there a way to add the "Console/CLI" button just like how there's a WebGUI button and Logs button on image.png.056f64539253d38ebf56c3298d482c25.png

@scolcipitato

@hernandito

Today founded, after some seconds

Update of cpu/mem is stopped (stuck) in advanced mode. Using custom.css from @hernandito with couple modifications... 

  • Author

This is the day.

The newest version of the plugin is here, 2023.09.15.

As said in the posts above, I have added:

  • The advanced docker context menu.
  • Support for more languages.
  • Button to open the console in the preview. Thanks to @Kloudz
  • Now you can add docker containers to a folder with labels, the label to do this is folder.view The value should be the name of the folder. Thanks to @jbb
  • Added a small button to verify that the order of the autostart match the order you see. immagine.png.2073bbf64b0cfd9323c635db43d99d19.png
    This icon will turn red if the autostart order is different from what you see.
  • Fixed the error when rebooting the server without internet connectivity.

EXPECT A LOT OF BUGS!

 

25 minutes ago, scolcipitato said:

This is the day.

The newest version of the plugin is here, 2023.09.15.

As said in the posts above, I have added:

  • The advanced docker context menu.
  • Support for more languages.
  • Button to open the console in the preview. Thanks to @Kloudz
  • Now you can add docker containers to a folder with labels, the label to do this is folder.view The value should be the name of the folder. Thanks to @jbb
  • Added a small button to verify that the order of the autostart match the order you see. immagine.png.2073bbf64b0cfd9323c635db43d99d19.png
    This icon will turn red if the autostart order is different from what you see.
  • Fixed the error when rebooting the server without internet connectivity.

EXPECT A LOT OF BUGS!

 

You rock! Great additions!

  • Author
On 9/9/2023 at 6:28 PM, Linguafoeda said:

 

How do you organize the folders positions themselves?

 

And do you know if below is how the folders are meant to show on dashboard? i was wondering if you could make the dashboard folder view similar to the old plugin (2nd picture). I'd really like to find a way to recreate the dashboard view like the 2nd pic, with the arrow to shrink/open the folder and separation between folders.

 

image.thumb.png.abc5bb63bfbe0e4bcb53238e63b0d835.png

 

image.png.4d1d274681b41d718966577155dcde18.png

In the new update, you can do what you want.

.folder-showcase-outer[expanded="true"], .folder-showcase-outer[expanded="true"] .folder-showcase {
  float: left;
  display: block;
  width: 100%;
}

 

Edited by scolcipitato

37 minutes ago, scolcipitato said:

In the new update, you can do what you want.

.folder-showcase-outer[expanded="true"], .folder-showcase-outer[expanded="true"] .folder-showcase {
  float: left;
}

 

I can't figure out why, but this isn't working for me. Still looks the same. When I inspect the elements, the styles are there, but the float is having no effect. Weird.

  • Author
3 minutes ago, Mattaton said:

I can't figure out why, but this isn't working for me. Still looks the same. When I inspect the elements, the styles are there, but the float is having no effect. Weird.

I tried with both Chrome and Firefox, for me, it works, maybe just try to play around with the rules, maybe a display: block and width: 100% see if it helps.

8 minutes ago, scolcipitato said:

I tried with both Chrome and Firefox, for me, it works, maybe just try to play around with the rules, maybe a display: block and width: 100% see if it helps.

That's crazy that it works for you. I'm on Chrome.

I just redid it and added width 100 and it worked. Already had the display block. 🙂

Thanks!

3 hours ago, scolcipitato said:

This is the day.

The newest version of the plugin is here, 2023.09.15.

As said in the posts above, I have added:

  • The advanced docker context menu.
  • Support for more languages.
  • Button to open the console in the preview. Thanks to @Kloudz
  • Now you can add docker containers to a folder with labels, the label to do this is folder.view The value should be the name of the folder. Thanks to @jbb
  • Added a small button to verify that the order of the autostart match the order you see. immagine.png.2073bbf64b0cfd9323c635db43d99d19.png
    This icon will turn red if the autostart order is different from what you see.
  • Fixed the error when rebooting the server without internet connectivity.

EXPECT A LOT OF BUGS!

 

 

Strange but i have same context menu as was befor :

 

image.png.70e0f179f25cba816dba7c9b0b0585bc.png

  • Author
Just now, Masterwishx said:

 

Strange but i have same context menu as was befor :

 

image.png.70e0f179f25cba816dba7c9b0b0585bc.png

There is an option when you edit the folder.

@Linguafoeda Getting close with this css:

.folder-showcase-outer[expanded="true"],
.folder-showcase-outer[expanded="true"] .folder-showcase {
  float: left;
  display: block;
  width: 100%;
}

.folder-showcase-outer[expanded="true"] .folder-docker {
  position: relative;
}

.folder-showcase-outer[expanded="true"] .folder-docker::after {
  position: absolute;
  content: "\f0d7";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 2rem;
  right: 10px;
  bottom: 0;
}

.folder-showcase-outer[expanded="true"] .folder-showcase {
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  padding-top: 2rem;
  margin-bottom: 2rem;
}

#docker_view .folder-element-docker .state {
  display: none;
}

 

containers.png

Edited by Mattaton

Could also put the open arrow before the folder icon, like this:

containers2.png

After Update:

1. Click on Globe open about:blank#blocked page in docker page for all containers. also in advanced context.

Advanced menu:

not shown cpu/mem lines update (blank ) , no ports , only volume mapping is shows.

image.thumb.png.b224ab2dc3025e8ebda81141507a88ce.png

 

image.thumb.png.fc7aa3b5fbee7d6b87b84501abc99da3.png

 

image.thumb.png.6f53b39bc9d2d870529eaad838e04584.png

32 minutes ago, Mattaton said:

Could also put the open arrow before the folder icon, like this:

containers2.png

 It would look better if that grey down arrow be on the right side and bigger…. This way all icons would line up. I would also place the top horizontal border above the folder icon. Also give the expanded folder icon and label their own class. This way, in custom.css, one could make the folder icon and name larger to show better hierarchy between folders and the folder contents…. Background of a wrapper for the folder icon and label should run full width as well. This way one could apply a custom background color, and radius corners - again to do better visual distinction between folder and its containers.

 

i would leave all the non-expanded folders as shown above.

 

i wish I could illustrate w some mock-ups… but I’m still struggling to rebuild data…

30 minutes ago, Masterwishx said:

After Update:

1. Click on Globe open about:blank#blocked page in docker page for all containers. also in advanced context.

Advanced menu:

not shown cpu/mem lines update (blank ) , no ports , only volume mapping is shows.

image.thumb.png.b224ab2dc3025e8ebda81141507a88ce.png

 

image.thumb.png.fc7aa3b5fbee7d6b87b84501abc99da3.png

 

image.thumb.png.6f53b39bc9d2d870529eaad838e04584.png

I am getting the CPU MEM graph, but I do not get Port Mappings, and the Web UI comes up about:blank#blocked.

  • Author
33 minutes ago, Masterwishx said:

After Update:

1. Click on Globe open about:blank#blocked page in docker page for all containers. also in advanced context.

Advanced menu:

not shown cpu/mem lines update (blank ) , no ports , only volume mapping is shows.

image.thumb.png.b224ab2dc3025e8ebda81141507a88ce.png

 

image.thumb.png.fc7aa3b5fbee7d6b87b84501abc99da3.png

 

image.thumb.png.6f53b39bc9d2d870529eaad838e04584.png

I pushed an update, now should be fixed.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.