LIST view assets panel!

Suggestions & Feedback
1

Pls add list view to Asset panel. When I have long names of the controllers to read them is not very convenient…

Pls. >_<

1 Like
2

It would be nice to have

1 Like
3

Yes, I’m also used only to list views. I organize contents by folder, and by using descriptive names it reduces the need to see the preview all the time.
Anyway, a small preview box, beside the list, would also be very useful. Also, it would be bigger than the file icon.

1 Like
4

Any feedback on this Play Canvas Folks, it’s been asked for for a long time and no feedback. This makes working with even remotely complex projects a big PITA

5

I’m currently using Stylebot to get a list like assets panel by overriding the CSS. Still WIP

Jun-14-2018%2022-59-14

.ui-grid.assets.small>.ui-grid-item {
    width: 100%;
    height: 48px;
}

.ui-grid.assets>.ui-grid-item>.thumbnail {
    width: 20px;
    height: 20px;
    margin: 4px px;
    background-size: 20px 20px;
    line-height: 20px;
}

.ui-grid.assets>.ui-grid-item>.label {
    overflow: visible;
    right: auto;
    left: 10px;
}

.ui-grid.assets>.ui-grid-item>.icon {
}

.ui-grid.assets.small>.ui-grid-item.type-folder>.thumbnail.placeholder:after {
    font-size: 20px;
}

.ui-grid.assets.small>.ui-grid-item>.thumbnail.placeholder:after {
    font-size: 20px;
}
6

Improved version with the item names on the side:
image

.ui-grid.assets.small>.ui-grid-item {
    width: 100%;
    height: 32px;
}

.ui-grid.assets>.ui-grid-item>.thumbnail {
    width: 20px;
    height: 20px;
    margin: 4px px;
    background-size: 20px 20px;
    line-height: 20px;
}

.ui-grid.assets>.ui-grid-item>.label {
    overflow: visible;
    right: auto;
    left: 50px;
    top: 8px;
}

.ui-grid.assets>.ui-grid-item>.icon {
}

.ui-grid.assets.small>.ui-grid-item.type-folder>.thumbnail.placeholder:after {
    font-size: 20px;
}

.ui-grid.assets.small>.ui-grid-item>.thumbnail.placeholder:after {
    font-size: 20px;
}
2 Likes
7

I am going to check this out, my programmer is off on vacation this week, is this something a non coder could use?

8

Yeah, it should literally be:

  1. Install extension https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha/related?hl=en
  2. Go to PlayCanvas site
  3. Click on the extension icon in the top right -> Open Stylebot
  4. Click on ‘Edit CSS’ at the bottom
  5. Paste CSS from LIST view assets panel!
  6. Click save at the bottom
  7. Done

Bear in mind that this is a complete hack so may have some issues that I haven’t seen yet.

2 Likes