LIST view assets panel!

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

It would be nice to have

1 Like

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

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

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;
}

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

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

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 by yaustar
  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