INTERACT FORUM
More => Old Versions => Media Center 17 => Topic started by: park on April 11, 2012, 02:36:05 am
-
Web gizmo is working great. I use it all the time, even instead of Android Gizmo because of all the extra list space when browsing on a laptop.
The next thing I would love to see would be breadcrumbs. This would:
a) Show you what category you are in (you have to guess now)
b) Show you the full title of a previous selection (now if I click on a truncated text thumbnail there is nothing telling me on the next screen what I just clicked on)
Most of the thumbnail text values are truncated because of the width of the thumbnails. (incidentally it would be great to see some kind of "img alt" type thing that showed the full name of the truncated thumbnail text when hovering over the image)
It should look something like:
Genre: Classical > Composer: Rimsky-Korsakov > Albums
-
I haven't check to see which all files would need to be edited but here is the code for libraryfiles.html that will give you a tool tip.
libraryfiles.html is the template used for images and videos.
You only get the tooltip when hovering over the thumb not the text.
I bolded the changes.
<!-- begin: if([CurrentLibraryItem.UseThumbnails]) -->
<!-- begin: loop(z, [Pagination.StartIndex], min([Pagination.FinishIndex], [LibraryFilesCount] - 1)) -->
<div class="thumbitemcontainer" >
<div class="thumbitem" >
<!-- begin: if([Mode.IsRemote]) -->
<a href="javascript:download_jump_playing_now('MCWS/v1/Browse/Files?ID=[CurrentLibraryItem.ID]&Action=Play&Zone=[ModeZone.ID]&ActiveFile=[LibraryFile([z]).FileKey]&Token=[Token]')"><img src="[LibraryFile([z]).ImageLink]&Width=136&Height=136&Pad=1&Format=png" class="thumbitem" title="[LibraryFile([z]).Name]" alt="[LibraryFile([z]).Name] Image" />[/url]
<div class="title">
<a href="javascript:download_jump_playing_now('MCWS/v1/Browse/Files?ID=[CurrentLibraryItem.ID]&Action=Play&Zone=[ModeZone.ID]&ActiveFile=[LibraryFile([z]).FileKey]&Token=[Token]')">[LibraryFile([z]).Name][/url]
</div>
<!-- else -->
<a href="[LibraryFile([z]).WebPlayPlayLink]"><img src="[LibraryFile([z]).ImageLink]&Width=136&Height=136&Pad=1&Format=png" class="thumbitem" title="[LibraryFile([z]).Name]" alt="[LibraryFile([z]).Name] Image" />[/url]
<div class="title">
<a href="[LibraryFile([z]).WebPlayPlayLink]">[LibraryFile([z]).Name][/url]
</div>
<!-- end: if -->
</div>
</div>
<!-- end: loop -->
Edit: will look into breadcrumbs, time permitting as I have never used them before.
To prevent updates from overwriting the changes make a copy of the default folder and rename then set the appearance option for webgizmo to the new folder.
-
After doing a little research on breadcrumbs in my opinion adding them could be difficult, I am still contemplating options though.
We are dealing with dynamically generated pages with many different pages using the same template so a script is required to parse
the relevant tag/s in the page to generate crumbs from.
-
Great work Scolex. I hope those changes get seeded into an MC build. How do you deal with keeping your customizations in sync with MC builds that change the web pages?
-
Edit: will look into breadcrumbs, time permitting as I have never used them before.
To prevent updates from overwriting the changes make a copy of the default folder and rename then set the appearance option for webgizmo to the new folder.
Appearance option was added in 17.0.120. options>media network>advanced
-
Scolex, nice work again. We'll include this in a coming build. (If we forget, please bump this).
As for breadcrumbs, WebGizmo needs to work well on small phone screens where there isn't really room for them.
-
As for breadcrumbs, WebGizmo needs to work well on small phone screens where there isn't really room for them.
There have to be a way to cut the length of the breadcrumbs, if they go over two lines? Just keep the one or to items to the far right. I think this is how windows exploder address field also operates. That way you could still hit the second item on small devices to jump one step back/up.