LOE
League of Extraordinary FoundryVTT DevelopersAceKokuren 🌈[UTC+1]

Nested Navbar on Character Sheet

Thanks to @mxzf I was able to get a nested navbar to show, but none of the data is being displayed that should be. I am not sure where I am tripping up. This is what the sheet looks:
No description
LTL
Leo The League Lion•350d ago
@acekokuren gave vote LeaguePoints™ to @mxzf (#327 • 1)
AU
AceKokuren 🌈[UTC+1]•350d ago
The html for the basic tab is: 
<ol class="items-list">
    <li>Hello</li>
    <li>d</li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ol>
<ol class="items-list">
    <li>Hello</li>
    <li>d</li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ol>
I have this set up in the nested navbar: 
<nav class="nested-sheet-tabs tabs" data-group="secondary">
    <a class="item" data-tab="basic">{{localize 'OUTBREAK.Skills.Basic.value'}}</a>
    <a class="item" data-tab="trained">{{localize 'OUTBREAK.Skills.Trained.value'}}</a>
    <a class="item" data-tab="expert">{{localize 'OUTBREAK.Skills.Expert.value'}}</a>
</nav>

<div class="skills-list tab" data-tab="basic" data-group="secondary">
    {{> "systems/outbreak-undead/templates/actor/parts/skills/basic.html"}}
</div>
<nav class="nested-sheet-tabs tabs" data-group="secondary">
    <a class="item" data-tab="basic">{{localize 'OUTBREAK.Skills.Basic.value'}}</a>
    <a class="item" data-tab="trained">{{localize 'OUTBREAK.Skills.Trained.value'}}</a>
    <a class="item" data-tab="expert">{{localize 'OUTBREAK.Skills.Expert.value'}}</a>
</nav>

<div class="skills-list tab" data-tab="basic" data-group="secondary">
    {{> "systems/outbreak-undead/templates/actor/parts/skills/basic.html"}}
</div>
And the default options inside character-sheet.js: 
static get defaultOptions() {
        return mergeObject(super.defaultOptions, {
            classes: ["outbreak", "sheet", "actor"],
            template: "systems/outbreak-undead/templates/actor/character-sheet.html",
            width: 600,
            height: 600,
            tabs: [
                {
                    navSelector: ".sheet-tabs",
                    contentSelector: ".sheet-body",
                    initial: "skills"
                },
                {
                    navSelector: ".nested-sheet-tabs",
                    contentSelector: ".skills-list",
                    initial: "basic"
                }
            ]
        });
    }
static get defaultOptions() {
        return mergeObject(super.defaultOptions, {
            classes: ["outbreak", "sheet", "actor"],
            template: "systems/outbreak-undead/templates/actor/character-sheet.html",
            width: 600,
            height: 600,
            tabs: [
                {
                    navSelector: ".sheet-tabs",
                    contentSelector: ".sheet-body",
                    initial: "skills"
                },
                {
                    navSelector: ".nested-sheet-tabs",
                    contentSelector: ".skills-list",
                    initial: "basic"
                }
            ]
        });
    }
M
mxzf•350d ago
I think you need to wrap the tab divs in a section, like <section class="skills-list">, so that it knows what HTML block to replace with the content
AU
AceKokuren 🌈[UTC+1]•350d ago
Hmm, no change. I am not sure if something is mistyped or I'm missing something fundamental I found it I realised what you meant now I am an idiot I put it in every other place except where it was needed
Want results from more Discord servers?
Add your server
More Posts
Migrating to DataModels - how to get data pre `cleanData`?Hello. In the lancer system, we have some old fields in our Actor/Item models what predate the existWhat Licence is appropriate for systems?As the title suggests, I have found a system that is not available on Foundry, and would love to chaHey not sure if this is the right spot...SLA Industries system.Ok it's not good BUT I've cobbled together a semi working version 0.1 of the system. My hope is as IPointer module update (70€)**Type:** Module **Short Description**: Uodate of the module Pointer and Ping (or Pnp) **Long DescriUpdate FoundryVTT Tabbed Chatlog to allow for Creation/Deletion of Additional Chat Tabs**Type**: [module] **Short Description**: Ability to create/remove Custom Additional Chat Log Tabs Google Sheet Character Sheet integration moduleIntegrate a highly formulaic google sheet into foundry for use for our custom ttrpg system that is iFallout 2d20: Radiation giving a visual indicator of reduced max HP**Type:** Module or Update, which ever is more convenient to the coder **Short Description:** As it (DnD 3.5e) Body slot in inventory or a new tabType: module Im looking for someone to make me a Body Slot module. It would be something like the Overhead Tile Fade for All Tokens module update (v9 to v10, D&D 5e)**Type**: Module **Summary description**: The module has stopped being updated, it is very simple, New Custom Tab for DnD 5e Sheet**Type:** Module. **Short:** I need something like the spellcasting table as a new tab in the charaCrossBlade V9 -> CrossBlade v10 Compatibiltiy**Type**: [Module] **Short Description**: A port of this older V9 module to V10 **Long Description**Modified character sheet for DND5EModule Short: I want a character sheet for DND5E to have the esper genesis look. Specifically the skHow to run code from a specific userHi, I have the function foo(bar) and when you run this function it opens a window with some detailAnswer OverflowHey there! I have some great news: __**Introducing @Answer Overflow indexing to The League!**__ TlAbout: #package-development**This thread is not for discussions about Foundry package development, but for discussing the purpoGood callIt's more reliable to enter the directory.Follow-up questionsFor Foundry v10+ here is the essential info for module integration as I gather you might want to loaIntegration of Vino Behaviour on TheatreSome time ago I had updated the module VINO (https://github.com/p4535992/foundryvtt-vino), the modul[CLOSED] UI panel for help to Transform/Polymorph tokenI have officially dropped the "Automated Polymorpher" module https://github.com/p4535992/foundryvtt-advancementOrigin flag@arbron I spotted a flag `advancementOrigin` on items granted by advancements but don't see it used