Configure header nav in Payload.
Configure header nav in Payload.
Tabbed
Tabbed Demo
One shared hero topper, several tabs.
Movies
Music
Shows
Shows tab content
#
The Shows tab content, below the shared shell + strip.
%20--%3e%3csvg%20version='1.1'%20id='svg1'%20width='818.1587'%20height='575.18'%20viewBox='118.9208%20120.4097%20818.1587%20575.18'%20sodipodi:docname='DLB_BrndMrk_Prtl_rgb_wht.ai'%20xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape'%20xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3cdefs%20id='defs1'%3e%3cclipPath%20clipPathUnits='userSpaceOnUse'%20id='clipPath2'%3e%3cpath%20d='M%200,612%20H%20792%20V%200%20H%200%20Z'%20transform='translate(-702.80962,-521.69272)'%20id='path2'%20/%3e%3c/clipPath%3e%3cclipPath%20clipPathUnits='userSpaceOnUse'%20id='clipPath4'%3e%3cpath%20d='M%200,612%20H%20792%20V%200%20H%200%20Z'%20transform='translate(-152.82861,-521.69272)'%20id='path4'%20/%3e%3c/clipPath%3e%3c/defs%3e%3csodipodi:namedview%20id='namedview1'%20pagecolor='%23ffffff'%20bordercolor='%23000000'%20borderopacity='0.25'%20inkscape:showpageshadow='2'%20inkscape:pageopacity='0.0'%20inkscape:pagecheckerboard='0'%20inkscape:deskcolor='%23d1d1d1'%3e%3cinkscape:page%20x='0'%20y='0'%20inkscape:label='1'%20id='page1'%20width='818.1587'%20height='575.18'%20margin='120.40947%20118.92133%20120.40933%20118.9208'%20bleed='0'%20/%3e%3c/sodipodi:namedview%3e%3cg%20id='layer-MC0'%20inkscape:groupmode='layer'%20inkscape:label='Dolby%20Brandmark%20Portal'%3e%3cpath%20id='path1'%20d='m%200,0%20h%20-63.638%20c%20-118.829,0%20-215.694,-96.865%20-215.694,-215.693%200,-118.828%2096.865,-215.692%20215.694,-215.692%20H%200%20Z'%20style='fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none'%20transform='matrix(1.3333333,0,0,-1.3333333,937.07947,120.40973)'%20clip-path='url(%23clipPath2)'%20/%3e%3cpath%20id='path3'%20d='M%200,0%20H%20-63.638%20V%20-431.385%20H%200%20c%20118.829,0%20215.693,96.864%20215.693,215.692%20C%20215.693,-96.865%20118.829,0%200,0%20Z'%20style='fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none'%20transform='matrix(1.3333333,0,0,-1.3333333,203.77147,120.40973)'%20clip-path='url(%23clipPath4)'%20/%3e%3c/g%3e%3c/svg%3e)