Custom Characters Layout

2»

Comments

  • HumAnnoyd
    HumAnnoyd
    Posts: 301

    OK. I am trying to understand this new feature which I think will be useful in my Mass Effect game.  Unfortunately, I don't quite get it.  I want to have 3 categories (so far).  Iwo Jima Crew, Athame Crew, and Dead characters.  Then I want the rest to be NPCs where I don't want the other categories to repeat.  But it does repeat.  Here is my code. 

     

    <div class="secondary-heading">

      IWO JIMA CREW

    </div>

    <div class="content-list" data-filter=".tag-iwo-jima">

      <ul class="large-block-grid-2 small-block-grid-1"></ul>

    </div>

    <div class="secondary-heading">

      ATHAME CREW

    </div>

    <div class="content-list" data-filter=".tag-athame">

      <ul class="large-block-grid-2 small-block-grid-1"></ul>

    </div>

    <div class="secondary-heading">

      NON-PLAYER CHARACTERS

    </div>

    <div class="content-list" data-filter="tag-npc:not(.tag-iwo-jima), :not(tag-athame), :not(tag-dead)">

      <ul class="large-block-grid-2 small-block-grid-1"></ul>

    </div>

    <div class="secondary-heading">

      DECEASED CHARACTERS

    </div>

    <div class="content-list" data-filter=".tag-dead">

      <ul class="large-block-grid-2 small-block-grid-1"></ul>

    </div>

    November 2012 CotM:  Dresden Files RPG: The Emerald City

    June 2016 CotM:  Star Wars: Rise of the Infinite Empire

    JUNE 2020 CotM & 2020 CotY:  Mass Effect Accelerated

    FEBRUARY 2022 CotM & 2022 CotY: Dresden Files Accelerated:  Emerald City-Requiem 

    Current Campaigns:  Traveller Osmium Buccaneers: Pirates of Drinax, Cyberpunk 2077 Accelerated

  • thaen
    thaen
    Posts: 1,130 edited April 2024
    @HumAnnoyd

    I haven't tested this, but I think you want:

    ".npc:not(.tag-iwo-jima):not(.tag-athame):not(.tag-dead)"

    Post edited by thaen on

    Obsidian Portal Developer

  • HumAnnoyd
    HumAnnoyd
    Posts: 301

    Oh. PERFECT!  Thanks, Thaen.  That works.

    November 2012 CotM:  Dresden Files RPG: The Emerald City

    June 2016 CotM:  Star Wars: Rise of the Infinite Empire

    JUNE 2020 CotM & 2020 CotY:  Mass Effect Accelerated

    FEBRUARY 2022 CotM & 2022 CotY: Dresden Files Accelerated:  Emerald City-Requiem 

    Current Campaigns:  Traveller Osmium Buccaneers: Pirates of Drinax, Cyberpunk 2077 Accelerated

  • thaen
    thaen
    Posts: 1,130

    Huzzah!!

    Obsidian Portal Developer

  • LucasValenti
    LucasValenti
    Posts: 14

    I've found the tags can be streamlined down into a more simplified format. Rather than: 

    <div class="content-list" data-filter="tag-npc:not(.tag-iwo-jima), :not(tag-athame), :not(tag-dead)">

    You should instead be able to use:

    <div class="content-list" data-filter="tag-npc:not(.tag-iwo-jima, .tag-athame, .tag-dead)">

    It doesn't seem to care how many tags you use. One of mine looks like this, lol:

    <div class="content-list" data-filter=".npc:not(.tag-aranthor, .tag-deepforge, .tag-haven-npc, .tag-ikothas, .tag-notania, .tag-tenebria, .tag-urgos, .tag-hairen-npc, .tag-hairen-noble, .tag-hairen-archmage, .tag-hairen-songbird)">

  • thaen
    thaen
    Posts: 1,130

    @LucasValenti, thanks for pointing that out! I had missed that nuance of the ":not" selector. Makes the selectors much more concise.

    Obsidian Portal Developer

  • twiggyleaf
    twiggyleaf
    Posts: 2,099

    smiley

    "I met a traveller from an antique land....."

    CotM May 2016: Mysteria: set in Wolfgang Baur’s MIDGARD.

    Previous CotM Aug 2012: Shimring: High Level Multiplanar Campaign

    Inner Council Member

  • Keryth987
    Keryth987
    Posts: 1,058

    OK, so how do I make a list NOT show PC's that share the same tag as an NPC in the list? I want to keep my PCs to their PC list only, regardless of tags, and am in the p[rocess of sorting NPC's by tag but now I have a PC showing up wiht the other PCs as well as with NPC's that share the same Tag

     

  • thaen
    thaen
    Posts: 1,130 edited July 2024

    @Keryth987,

    You could add the ".npc" class to the filters. So, for example, you could have:

    .npc.tag-the-agency

    That says it has to have both the "npc" and the "tag-the-agency" classes to show up in that section. (Note that there is no space between ".npc" and ".tag-the-agency". If you add a space, then that means an HTML element that has the "tag-the-agency" class that is also a child of an HTML element that has the "npc" class.)

     

    Post edited by thaen on

    Obsidian Portal Developer

  • Keryth987
    Keryth987
    Posts: 1,058

    Thanks

     

     

  • dragondreams
    dragondreams
    Posts: 32 edited October 2024

    <apologies if this is the wrong place to ask...>

    I have a lot of fun in the "Custom Characters Layout" grouping by tags, PC/NPC.

    Is it possible to do that on the "Custom Items Layout"? Also is it possible to group by public and GM Only items? (... and ignore the "OWNED BY" if its the GM?)

     

    Post edited by dragondreams on
  • Vanillabean
    Vanillabean
    Posts: 107

    Hey @dragondreams, great question! I've reached out to someone a bit more knowledgeable to see if we can get you some help! 

    Obsidian Portal Dungeon Manager || [email protected] 

  • dragondreams
    dragondreams
    Posts: 32 edited October 2024

    What was weird was that I was not seeing the tags in the class attribute on my items page but was in the characters page.  I'm on my phone at the moment, so I'll paste some examples when I get home.  Maybe I don't have setting set or something.   Probably PEBKAC. :-)

    The first one was PEBKAC :-)

    But these I am interested in
    #2 - Also is it possible to group by public and GM Only items? (beyond creating a "GM" tag?)

    #3 - How to ignore the "OWNED BY" if its the GM?- ...by remembering to _unset_ the Item Owner when the GM creates an item :-). Actually I think I want to be able to select based on the current user. So my players see categorized the items _they_ own. Not sure how to do that.
    Post edited by dragondreams on
  • thaen
    thaen
    Posts: 1,130

    @dragondreams

    What was weird was that I was not seeing the tags in the class attribute on my items page but was in the characters page.

    That does sound odd. There's no special setting for the tags to show up in the HTML.

    The one Item I saw in your Campaign doesn't have any tags on it. Only a Category.

    image

     

    Also is it possible to group by public and GM Only items? (beyond creating a "GM" tag?)

    Definitely!

    You would do something like:


    &lt;div class="secondary-heading"&gt;
      GM ONLY ITEMS
    &lt;/div&gt;
    &lt;div class="content-list" data-filter=":has(.content-list-item.gm-only)"&gt;
      &lt;ul class="large-block-grid-2 small-block-grid-1"&gt;&lt;/ul&gt;
    &lt;/div&gt;
    &lt;div class="secondary-heading"&gt;
      PUBLIC ITEMS
    &lt;/div&gt;
    &lt;div class="content-list" data-filter=":has(.content-list-item:not(.gm-only))"&gt;
      &lt;ul class="large-block-grid-2 small-block-grid-1"&gt;&lt;/ul&gt;
    &lt;/div&gt;

    Notice the "data-filters". One has ".gm-only", and the other is ":not(.gm-only)".

     

    How to ignore the "OWNED BY" if its the GM?- ...by remembering to _unset_ the Item Owner when the GM creates an item :-). Actually I think I want to be able to select based on the current user. So my players see categorized the items _they_ own. Not sure how to do that.

    I'm sure we can make what you want to have happen work, but I'm not fully following. Can you give an example?

     

    Obsidian Portal Developer

  • dragondreams
    dragondreams
    Posts: 32 edited October 2024

    Thanks!

     

    I think I got : So my players see categorized the items _they_ own. 

     

    By doing this:

     

    data-filter=":has(.content-list-item[data-author]:not(.gm-only))"

    ok, technically I would also unset owner for anything that was public that I created.

     

    Thanks again!

     

    Post edited by dragondreams on
  • thaen
    thaen
    Posts: 1,130

    @dragondreams

    Awesome!

    Feel free to ask if there are any other tweaks you need.

    Obsidian Portal Developer

  • dragondreams
    dragondreams
    Posts: 32

    Thanks!  Will do!

  • IanHoulihan
    IanHoulihan
    Posts: 94

    While on the topic of character sheets in OP, how do I remove the titles such as "Description" and "Bio"? See the image for what I mean.

     

    https://db4sgowjqfwig.cloudfront.net/campaigns/353736/assets/1520904/Screenshot_2025-09-22_123815.png?1758508739

  • Abersade
    Abersade
    Posts: 629

    This ought to do the trick:

    #character-details .description h6 {display: none;}

    #character-details .bio h6 {display: none;}

    GM of Stream of Kairos - 2025 Campaign of the Year

    GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM

    GM of Core: The Ashes of Alcarna - April 2020 CotM

    Need CSS Help? It may be covered here: Abersade's CSS Hub

Sign In or Register to comment.

September 2026
City of Shadows

Read the feature post on the blog
Return to Obsidian Portal

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Discussions

Categories