• Login
  • Register
  • Login Register
    Login
    Username/Email:
    Password:
    Or login with a social network below
  • Forum
  • Website
  • GitHub
  • Status
  • Translation
  • Features
  • Team
  • Rules
  • Help
  • Feeds
User Links
  • Login
  • Register
  • Login Register
    Login
    Username/Email:
    Password:
    Or login with a social network below

    Useful Links Forum Website GitHub Status Translation Features Team Rules Help Feeds
    Jellyfin Forum Development Feature Requests Add Tag/Class/Attribute to Movie Cards

     
    • 0 Vote(s) - 0 Average

    Add Tag/Class/Attribute to Movie Cards

    Add Tag/Class/Attribute to Movie Cards for Items with Custom Tags (e.g. "Coming Soon")
    djmeero
    Offline

    Junior Member

    Posts: 2
    Threads: 1
    Joined: 2025 Apr
    Reputation: 0
    #1
    2025-04-17, 10:13 PM (This post was last modified: 2025-04-17, 10:33 PM by djmeero. Edited 1 time in total.)
    Add Tag/Class/Attribute to Movie Cards

    Hi everyone 👋
    I’m hosting Jellyfin on my Windows PC and I love customizing the UI.

    I’d like to make certain movies (like upcoming releases) visually stand out in the library.
    Currently, I tag these movies with a custom tag like "comingsoon" and I want to overlay a banner that says  "Coming Soon" on the movie poster.

    The problem is: movie cards in the library UI don’t expose tags in the DOM, so I can't target them with CSS without hardcoding
    data-id values — which becomes unmanageable.

    Feature Request:
    Can you please add a class, attribute, or data-* field to the .card element (or a child element) that includes the tags of the item? 
    For example: <div class="card" data-tags="comingsoon,action,2025">

    This would allow us to use CSS like:

    .card[data-tags*="comingsoon"] .cardImageContainer::before {
        content: "Coming Soon";
        ...
    }

    Even exposing just the first tag or a single class per tag (e.g., tag-comingsoon) would be incredibly helpful.
    This small change would unlock huge customization potential for all Jellyfin users who want to visually distinguish items in their library based on tags.

    Sorry if this request already exists, I couldn't find anything related.
    If anyone has any other ideas how could I implement this please tell.

    Thanks for all the amazing work you do! 🎉


    Attached Files Thumbnail(s)
       
    « Next Oldest | Next Newest »

    Users browsing this thread: 1 Guest(s)


    Messages In This Thread
    Add Tag/Class/Attribute to Movie Cards - by djmeero - 2025-04-17, 10:13 PM
    RE: Add Tag/Class/Attribute to Movie Cards - by KodiUser1138 - 2025-04-21, 04:48 AM
    RE: Add Tag/Class/Attribute to Movie Cards - by djmeero - 2025-04-23, 08:06 AM
    RE: Add Tag/Class/Attribute to Movie Cards - by KodiUser1138 - 2025-04-24, 04:49 AM
    RE: Add Tag/Class/Attribute to Movie Cards - by frankieknuckles - 2025-05-21, 02:28 PM

    • View a Printable Version
    • Subscribe to this thread
    Forum Jump:

    Home · Team · Help · Contact
    © Designed by D&D - Powered by MyBB
    L


    Jellyfin

    The Free Software Media System

    Linear Mode
    Threaded Mode