CINXE.COM
Molecule Knowledge Base
<!DOCTYPE html> <html lang="en"> <head> <title>Molecule Knowledge Base</title> <meta name="description" content="A collection of help articles to help users learn about the Molecule ETRM. The site features help articles, step-by-step guides, and explainers.."> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" href="https://files.helpdocs.io/56bu62syz9/favico.png"> <meta property="og:title" content="Molecule Knowledge Base"> <meta property="twitter:title" content="Molecule Knowledge Base"> <meta property="og:description" content="Molecule Knowledge Base"> <meta property="twitter:description" content="Molecule Knowledge Base"> <meta property="og:image" content="https://files.helpdocs.io/56bu62syz9/logo.png?t=1689274543763"> <meta property="twitter:image:src" content="https://files.helpdocs.io/56bu62syz9/logo.png?t=1689274543763"> <meta property="og:site_name" content="Molecule"> <meta property="og:type" content="website"> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:site" content="https://help.molecule.io"> <meta property="og:url" content="https://help.molecule.io"> <script type="application/ld+json">{"@context":"http://schema.org","@type":"WebSite","name":"Molecule","potentialAction":{"@type":"SearchAction","query-input":"required name=search_term_string","target":"https://help.molecule.io/search/{search_term_string}"},"url":"https://help.molecule.io"}</script> <link rel="canonical" href="https://help.molecule.io"> <link rel="stylesheet" href="https://cdn.helpdocs.io/css/bootstrap.min.css?v=1731606200"> <link rel="stylesheet" href="https://cdn.helpdocs.io/css/font-awesome.min.css?v=1731606200"> <link rel="stylesheet" href="https://cdn.helpdocs.io/css/tether.min.css?v=1731606200"> <link rel="stylesheet" href="https://cdn.helpdocs.io/css/glyphicons.css?v=1731606200"> <link rel="stylesheet" href="https://cdn.helpdocs.io/css/highlightjs-github-gist.min.css?v=1731606200"> <link rel="stylesheet" href="https://cdn.helpdocs.io/css/v3/bars.min.css?v=1731606200"> <style> #main[data-hd-template="barsv3"].hvr-card:hover, #main[data-hd-template="barsv3"].hvr-card:focus, #main[data-hd-template="barsv3"].hvr-card:active { border-color: #c30000 !important; } #main[data-hd-template="barsv3"].hvr-card h3.card-title { color: #c30000 !important; } #main[data-hd-template="barsv3"] nav a, #main[data-hd-template="barsv3"] nav .nav-items a.btn-contact, #main[data-hd-template="barsv3"] nav .navbar-brand, #main[data-hd-template="barsv3"] nav .navbar-brand b { color: #f9e5e5 !important; } #main[data-hd-template="barsv3"] nav .nav-items a.btn-contact { background-color: #9c0000 !important; } #main[data-hd-template="barsv3"] #header { background-color: #c30000 !important; } #main[data-hd-template="barsv3"] #header #top-articles-container p, #main[data-hd-template="barsv3"] #header #top-articles-container span.top-article a { color: #f9e5e5 !important; } #main[data-hd-template="barsv3"] #header input { background-color: #c60c0c !important; color: #f9e5e5 !important; } #main[data-hd-template="barsv3"] #header input::-webkit-input-placeholder { color: #f9e5e5 !important; } #main[data-hd-template="barsv3"] #header input:-moz-placeholder { color: #f9e5e5 !important; } #main[data-hd-template="barsv3"] #header input::-moz-placeholder { color: #f9e5e5 !important; } #main[data-hd-template="barsv3"] #header input:-ms-input-placeholder { color: #f9e5e5 !important; } #main[data-hd-template="barsv3"] #header .btn.btn-secondary { color: #f9e5e5 !important; background-color: #9c0000 !important; } #main[data-hd-template="barsv3"] #header input, #main[data-hd-template="barsv3"] #header .btn.btn-secondary { border: 1px solid #980000 !important; } #main[data-hd-template="barsv3"] #header #search-container { color: #f9e5e5 !important; } #main[data-hd-template="barsv3"] #header #searchresults a { color: #c30000 !important; } #main[data-hd-template="barsv3"] #header-text { color: #f9e5e5 !important; } #main[data-hd-template="barsv3"] #sidebar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(195, 0, 0, 0.3) !important; background-color: #edb2b2 !important; } #main[data-hd-template="barsv3"] #sidebar::-webkit-scrollbar { background-color: #edb2b2 !important; } #main[data-hd-template="barsv3"] #sidebar::-webkit-scrollbar-thumb { background-color: #c30000 !important; } #main[data-hd-template="barsv3"] #sidebar .current, #main[data-hd-template="barsv3"] #sidebar .current p { color: #c30000 !important; } button#contact-form-submit { background-color: #c30000 !important; border-color: #9c0000 !important; color: #f9e5e5 !important; } #main[data-hd-template="barsv3"] #article blockquote { border-color: #c30000 !important; } #main[data-hd-template="barsv3"] #article .card a, #main[data-hd-template="barsv3"] #article .card * > a { color: #c30000; } #main[data-hd-template="barsv3"] #article ol > li:before { color: #f9e5e5 !important; background-color: #c30000 !important; } #main[data-hd-template="barsv3"] #toc.inline-toc { border-left: 3px solid #c30000 !important; } #main[data-hd-template="barsv3"] #toc-sidebar-placeholder li, #main[data-hd-template="barsv3"] #toc-sidebar-placeholder ul, #main[data-hd-template="barsv3"] #toc-sidebar-placeholder a, #main[data-hd-template="barsv3"] #toc-sidebar-placeholder * > a { color: #c30000 !important; } #main[data-hd-template="barsv3"] #toc-sidebar-placeholder::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(195, 0, 0, 0.3) !important; background-color: #edb2b2 !important; } #main[data-hd-template="barsv3"] #toc-sidebar-placeholder::-webkit-scrollbar { background-color: #edb2b2 !important; } #main[data-hd-template="barsv3"] #toc-sidebar-placeholder::-webkit-scrollbar-thumb { background-color: #c30000 !important; } #main[data-hd-template="barsv3"] #home #categories #category h3.card-title, #main[data-hd-template="barsv3"] #category #articles h3.card-title, #main[data-hd-template="barsv3"] #category #subcategories #subcategory h3.card-title, #main[data-hd-template="barsv3"] #article #body p > a, #main[data-hd-template="barsv3"] #article #body li > a, #main[data-hd-template="barsv3"] #article #feedback .btn-group .btn i:hover, #main[data-hd-template="barsv3"] #article #feedback .btn-group .btn i:focus, #main[data-hd-template="barsv3"] #article #feedback .btn-group .btn i:active, #main[data-hd-template="barsv3"] #header #searchresults #articles h3 { color: #c30000 !important; } #main[data-hd-template="barsv3"] #article #body a.articleButton button { background-color: #c30000; color: #f9e5e5; } #main[data-hd-template="barsv3"] #article #body a.articleButton button:hover { background-color: #9c0000; } #main[data-hd-template="barsv3"] #article #body a.articleButton button:focus { outline: 5px auto #9c0000 !important; } .cc-revoke, .cc-allow { background-color: #c30000; } .cc-window { border-top-color: #c30000 !important; } .cc-dismiss, .cc-deny { color: #9c0000; } .cc-dismiss, .cc-deny { background-color: rgba(249, 229, 229); } .cc-revoke, .cc-allow { color: #f9e5e5 !important; background-color: #c30000 !important; } #main[data-hd-template="barsv3"] #article #body details { background-color: rgba(195, 0, 0,.15); } #main[data-hd-template="barsv3"] #article #body details summary { color: #c30000 !important; } #main[data-hd-template="barsv3"] #article #body details summary:focus { outline: 1px auto #c30000 !important; } </style> <style> @import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800&display=swap'); h1, h2, h3, h4, h5 { font-family: 'Figtree', sans-serif !important; } h1 { color: #000000; font-weight: 800; } h2, h3, h4, h5 { font-weight: 500; } .sidebar-category { font-family: 'Figtree', sans-serif !important; text-transform: uppercase; } .sidebar-category p:before { color: #c30000; } #header { background-color: #000000; background-image: url(https://source.unsplash.com/cBb94xhYAXw); background-position: center; background-size: cover; position: relative; } #header > div { position: relative; z-index: 1; } /* Left gradient #header::before { content: ""; background-image: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); position: absolute; top: 0; right: 50%; bottom: 0; left: 0; } */ /* Right gradient #header::after { content: ""; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); position: absolute; top: 0; right: 0; bottom: 0; left: 50%; } */ /* Radial gradient */ #header::before { content: ""; background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #main[data-hd-template="barsv3"] #header input { background-color: #000000 !important; border-color: #26262b !important; border-radius: 0 !important; } #main[data-hd-template="barsv3"] nav .nav-items a.btn-contact { border-radius: 0 !important; font-family: 'Figtree', sans-serif !important; font-size: 13px; font-weight: 700 !important; text-transform: uppercase; } nav .navbar-brand { font-family: 'Figtree', sans-serif !important; font-weight: 800 !important; text-transform: uppercase; } #category i.fa { color: #c30000; } #category #articles a.card-link { margin-bottom: 15px; } .hd-admin-bar { background-color: #c30000 !important; border: 0 !important; } /* Scrollbar color #main[data-hd-template="barsv3"] #sidebar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important; background-color: #e6e6e9 !important; } */ </style> <script src="https://cdn.helpdocs.io/js/jquery.min.js?v=1731606200"></script> <meta property="hd-render" content="hbs"> </head> <body data-article-id="undefined" data-category-id="undefined" data-search-term="undefined" data-original-search-term="undefined" data-search-result-count="undefined" data-language-code="" data-default-language-code="en" data-account-id="56bu62syz9" data-domain="help.molecule.io" data-home-path="/" data-search-placeholder="Help me with..." data-see-more-results-string="See more results" data-no-articles-found-string="No articles found" > <div id="main" data-hd-template="barsv3"> <div id="header"> <div class="container-fluid"> <nav class="navbar navbar-light bg-faded"> <a class="navbar-brand" href="/"> <span> <img class="img-responsive logo" src="https://files.helpdocs.io/56bu62syz9/logo.png?t=1689274543763"> <b>Molecule</b> </span> </a> <div class="spacer"></div> <div class="nav-items"> <ul class="nav navbar-nav"> <li class="nav-item"> <a class="nav-link" href="https://www.molecule.io" target="_blank"> molecule.io </a> </li> <li class="nav-item"> <a class="nav-link" href="https://molecule.helpdocs.io/article/q0peabdjqp-getting-started" target="_blank"> Getting Started </a> </li> <li class="nav-item"> <a id="contact-modal-trigger" class="btn btn-primary btn-contact nav-link" href="#" data-toggle="modal" data-target="#contact-modal" data-popup-trigger="contact-modal" >Contact</a> </li> </ul> </div> </nav> </div> <div id="search-container" class="container-fluid"> <div class="row"> <div class="col-xs-12 col-md-6 offset-md-3"> <div id="instant-search"> <form action="/search" method="GET"> <input id="hd-query" name="query" placeholder="Help me with..."> </form> </div> <span class="fa fa-search"></span> </div> </div> </div> <div id="searchresults" class="container-fluid"> <div id="articles" class="row"> <div class="col-xs-12 col-md-10 offset-md-1 col-lg-8 offset-lg-2"> <div id="hits"></div> </div> </div> </div> <div id="top-articles-container" class="container-fluid"> <div class="row"> <div class="col-xs-12 col-md-10 offset-md-1 col-lg-8 offset-lg-2"> <div class="text-xs-center"> <p class="top-articles-label"> <i class="fa fa-trophy"></i> Top Articles </p> <p class="top-articles"> <span class="top-article"> <a class="article-title-link" href="/article/3a3u4weh6j-assets-stack"> Assets Stack </a> ​ | ​ </span> <span class="top-article"> <a class="article-title-link" href="/article/k7el7lnk6s-pricing-formulas"> Pricing Formulas </a> ​ | ​ </span> <span class="top-article"> <a class="article-title-link" href="/article/4pvay93qdt-api-documentation"> API Documentaion </a> </span> </p> </div> </div> </div> </div> </div> <div class="container-fluid"> <div id="content"> <div class="container-fluid"> <div class="row"> <div class="hidden-sm-down col-md-3 col-xl-2 left-col"> <div id="sidebar"> <a class="sidebar-category" href="#category-q93ztxmcfr-items" data-toggle="collapse" aria-expanded="false" aria-controls="category-q93ztxmcfr-items" > <p id="category-q93ztxmcfr-title" style="margin-left: 0em !important; font-size: 1em !important;" onclick="toggleCategoryIcon(event, 'q93ztxmcfr')" > API & Data Integration </p> </a> <div id="category-q93ztxmcfr-items" class="collapse" data-toggle="collapse" > <a class="sidebar-category" href="#category-d0o1hj7djt-items" data-toggle="collapse" aria-expanded="false" aria-controls="category-d0o1hj7djt-items" > <p id="category-d0o1hj7djt-title" style="margin-left: 0.5em !important; font-size: 0.95em !important;" onclick="toggleCategoryIcon(event, 'd0o1hj7djt')" > API Resources </p> </a> <div id="category-d0o1hj7djt-items" class="collapse" data-toggle="collapse" > <a class="sidebar-article" href="/article/xqkl6tx8fz-how-to-generate-an-api-token" onclick="window.location.href='/article/xqkl6tx8fz-how-to-generate-an-api-token'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> How to Generate an API Token </p> </a> <a class="sidebar-article" href="/article/4pvay93qdt-api-documentation" onclick="window.location.href='/article/4pvay93qdt-api-documentation'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> API Documentaion </p> </a> <a class="sidebar-article" href="/article/pocadybnar-getting-started-with-molecule-api" onclick="window.location.href='/article/pocadybnar-getting-started-with-molecule-api'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Getting Started with Molecule API </p> </a> </div> <a class="sidebar-category" href="#category-gjsusyfg36-items" data-toggle="collapse" aria-expanded="false" aria-controls="category-gjsusyfg36-items" > <p id="category-gjsusyfg36-title" style="margin-left: 0.5em !important; font-size: 0.95em !important;" onclick="toggleCategoryIcon(event, 'gjsusyfg36')" > Assets </p> </a> <div id="category-gjsusyfg36-items" class="collapse" data-toggle="collapse" > <a class="sidebar-article" href="/article/5tvvgpyamq-importing-asset-valuation-data" onclick="window.location.href='/article/5tvvgpyamq-importing-asset-valuation-data'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Importing Asset Data </p> </a> </div> <a class="sidebar-category" href="#category-kmkd7z4ztf-items" data-toggle="collapse" aria-expanded="false" aria-controls="category-kmkd7z4ztf-items" > <p id="category-kmkd7z4ztf-title" style="margin-left: 0.5em !important; font-size: 0.95em !important;" onclick="toggleCategoryIcon(event, 'kmkd7z4ztf')" > Bigbang </p> </a> <div id="category-kmkd7z4ztf-items" class="collapse" data-toggle="collapse" > <a class="sidebar-article" href="/article/k5sroh0pmt-getting-started-with-bigbang" onclick="window.location.href='/article/k5sroh0pmt-getting-started-with-bigbang'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Getting Started with Bigbang </p> </a> </div> <a class="sidebar-category" href="#category-qno1y7k1yo-items" data-toggle="collapse" aria-expanded="false" aria-controls="category-qno1y7k1yo-items" > <p id="category-qno1y7k1yo-title" style="margin-left: 0.5em !important; font-size: 0.95em !important;" onclick="toggleCategoryIcon(event, 'qno1y7k1yo')" > Data Integrations </p> </a> <div id="category-qno1y7k1yo-items" class="collapse" data-toggle="collapse" > <a class="sidebar-article" href="/article/4p06u2nd1z-downloading-raw-data" onclick="window.location.href='/article/4p06u2nd1z-downloading-raw-data'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Downloading Raw Data </p> </a> <a class="sidebar-article" href="/article/90c1dosmnt-how-to-connect-your-spreadsheet" onclick="window.location.href='/article/90c1dosmnt-how-to-connect-your-spreadsheet'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> How to Connect Your Spreadsheet </p> </a> <a class="sidebar-article" href="/article/7519bob1ji-how-to-update-your-spreadsheets-molecule-credentials" onclick="window.location.href='/article/7519bob1ji-how-to-update-your-spreadsheets-molecule-credentials'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> How to Update Your Spreadsheet's Molecule Credentials </p> </a> <a class="sidebar-article" href="/article/s9ftax8fzr-api-power-new-columns" onclick="window.location.href='/article/s9ftax8fzr-api-power-new-columns'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Excel PowerQuery/PowerBI & New Columns </p> </a> </div> <a class="sidebar-category" href="#category-89s8x1f7v6-items" data-toggle="collapse" aria-expanded="false" aria-controls="category-89s8x1f7v6-items" > <p id="category-89s8x1f7v6-title" style="margin-left: 0.5em !important; font-size: 0.95em !important;" onclick="toggleCategoryIcon(event, '89s8x1f7v6')" > Market Data </p> </a> <div id="category-89s8x1f7v6-items" class="collapse" data-toggle="collapse" > <a class="sidebar-article" href="/article/p1snmso5zd-how-to-import-market-data-surfaces" onclick="window.location.href='/article/p1snmso5zd-how-to-import-market-data-surfaces'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> How to Import Market Data (Surfaces) </p> </a> <a class="sidebar-article" href="/article/v9ekayle75-how-to-upload-market-data-api" onclick="window.location.href='/article/v9ekayle75-how-to-upload-market-data-api'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> How to Upload Market Data via API </p> </a> <a class="sidebar-article" href="/article/4wt7c9ikfj-how-to-import-market-data-curves" onclick="window.location.href='/article/4wt7c9ikfj-how-to-import-market-data-curves'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> How to Import Market Data (Curves) </p> </a> </div> </div> <a class="sidebar-category" href="#category-l572jdmusw-items" data-toggle="collapse" aria-expanded="false" aria-controls="category-l572jdmusw-items" > <p id="category-l572jdmusw-title" style="margin-left: 0em !important; font-size: 1em !important;" onclick="toggleCategoryIcon(event, 'l572jdmusw')" > Core Topics </p> </a> <div id="category-l572jdmusw-items" class="collapse" data-toggle="collapse" > <a class="sidebar-category" href="#category-9p5wv6ga8s-items" data-toggle="collapse" aria-expanded="false" aria-controls="category-9p5wv6ga8s-items" > <p id="category-9p5wv6ga8s-title" style="margin-left: 0.5em !important; font-size: 0.95em !important;" onclick="toggleCategoryIcon(event, '9p5wv6ga8s')" > Approaches </p> </a> <div id="category-9p5wv6ga8s-items" class="collapse" data-toggle="collapse" > <a class="sidebar-article" href="/article/r5sa6igxva-options" onclick="window.location.href='/article/r5sa6igxva-options'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Options </p> </a> <a class="sidebar-article" href="/article/8yk0fsoit9-trades-calculating-position-and-p-l" onclick="window.location.href='/article/8yk0fsoit9-trades-calculating-position-and-p-l'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Trades: Calculating Position and P&L </p> </a> <a class="sidebar-article" href="/article/74ne43bpg2-valuation-relevant-products" onclick="window.location.href='/article/74ne43bpg2-valuation-relevant-products'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Valuation & Relevant Products </p> </a> <a class="sidebar-article" href="/article/u4uum8ra1l-us-natural-gas" onclick="window.location.href='/article/u4uum8ra1l-us-natural-gas'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> US Physical Natural Gas </p> </a> <a class="sidebar-article" href="/article/fdtvut54y8-ppas" onclick="window.location.href='/article/fdtvut54y8-ppas'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Managing PPAs </p> </a> </div> <a class="sidebar-category" href="#category-3k725as6mg-items" data-toggle="collapse" aria-expanded="false" aria-controls="category-3k725as6mg-items" > <p id="category-3k725as6mg-title" style="margin-left: 0.5em !important; font-size: 0.95em !important;" onclick="toggleCategoryIcon(event, '3k725as6mg')" > Concepts </p> </a> <div id="category-3k725as6mg-items" class="collapse" data-toggle="collapse" > <a class="sidebar-article" href="/article/hx63rnzwar-as-of-date" onclick="window.location.href='/article/hx63rnzwar-as-of-date'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> As-Of Date </p> </a> <a class="sidebar-article" href="/article/ntgmfwd4yw-tenor" onclick="window.location.href='/article/ntgmfwd4yw-tenor'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Tenor </p> </a> <a class="sidebar-article" href="/article/nu92b3tz6c-origins" onclick="window.location.href='/article/nu92b3tz6c-origins'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Origins </p> </a> <a class="sidebar-article" href="/article/yxyv4ic07j-mark-levels" onclick="window.location.href='/article/yxyv4ic07j-mark-levels'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Mark Levels </p> </a> </div> <a class="sidebar-category" href="#category-896qjjssnl-items" data-toggle="collapse" aria-expanded="false" aria-controls="category-896qjjssnl-items" > <p id="category-896qjjssnl-title" style="margin-left: 0.5em !important; font-size: 0.95em !important;" onclick="toggleCategoryIcon(event, '896qjjssnl')" > Models </p> </a> <div id="category-896qjjssnl-items" class="collapse" data-toggle="collapse" > <a class="sidebar-article" href="/article/3a3u4weh6j-assets-stack" onclick="window.location.href='/article/3a3u4weh6j-assets-stack'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Assets Stack </p> </a> <a class="sidebar-article" href="/article/w48u729zfu-tickets-inventory-stack" onclick="window.location.href='/article/w48u729zfu-tickets-inventory-stack'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Inventory & Tickets Stack </p> </a> <a class="sidebar-article" href="/article/bevg17ew0y-trades-stack" onclick="window.location.href='/article/bevg17ew0y-trades-stack'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Trades Stack </p> </a> <a class="sidebar-article" href="/article/8a01aidvb7-stacks-main-models-in-molecule" onclick="window.location.href='/article/8a01aidvb7-stacks-main-models-in-molecule'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Stacks: Main Models in Molecule </p> </a> </div> </div> <a class="sidebar-category" href="#category-zxxfn2nomm-items" data-toggle="collapse" aria-expanded="false" aria-controls="category-zxxfn2nomm-items" > <p id="category-zxxfn2nomm-title" style="margin-left: 0em !important; font-size: 1em !important;" onclick="toggleCategoryIcon(event, 'zxxfn2nomm')" > Features </p> </a> <div id="category-zxxfn2nomm-items" class="collapse" data-toggle="collapse" > <a class="sidebar-category" href="#category-aot0bgxyyb-items" data-toggle="collapse" aria-expanded="false" aria-controls="category-aot0bgxyyb-items" > <p id="category-aot0bgxyyb-title" style="margin-left: 0.5em !important; font-size: 0.95em !important;" onclick="toggleCategoryIcon(event, 'aot0bgxyyb')" > Account & Settings </p> </a> <div id="category-aot0bgxyyb-items" class="collapse" data-toggle="collapse" > <a class="sidebar-article" href="/article/vbvonvkxxp-calendars" onclick="window.location.href='/article/vbvonvkxxp-calendars'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Calendars </p> </a> <a class="sidebar-article" href="/article/93rxuzd9lj-fee-maintenance" onclick="window.location.href='/article/93rxuzd9lj-fee-maintenance'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Fee Maintenance </p> </a> <a class="sidebar-article" href="/article/ih8gxzt1eh-how-to-add-users" onclick="window.location.href='/article/ih8gxzt1eh-how-to-add-users'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> How to Add Users </p> </a> <a class="sidebar-article" href="/article/bpgnc1xmgp-permissions" onclick="window.location.href='/article/bpgnc1xmgp-permissions'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Permissions </p> </a> <a class="sidebar-article" href="/article/9p45xau8r8-organizational-admin-role" onclick="window.location.href='/article/9p45xau8r8-organizational-admin-role'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Account Settings </p> </a> </div> <a class="sidebar-category" href="#category-sx78o8osds-items" data-toggle="collapse" aria-expanded="false" aria-controls="category-sx78o8osds-items" > <p id="category-sx78o8osds-title" style="margin-left: 0.5em !important; font-size: 0.95em !important;" onclick="toggleCategoryIcon(event, 'sx78o8osds')" > Back Office </p> </a> <div id="category-sx78o8osds-items" class="collapse" data-toggle="collapse" > <a class="sidebar-article" href="/article/gwci78aki5-how-to-reconcile-with-fcm-statements" onclick="window.location.href='/article/gwci78aki5-how-to-reconcile-with-fcm-statements'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> How to Reconcile Molecule with your FCM Statements </p> </a> <a class="sidebar-article" href="/article/awcxex5x22-how-to-create-new-counterparty" onclick="window.location.href='/article/awcxex5x22-how-to-create-new-counterparty'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> How to Create a New Counterparty </p> </a> <a class="sidebar-article" href="/article/p6kv6q88lf-agreements-contract-management" onclick="window.location.href='/article/p6kv6q88lf-agreements-contract-management'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Agreements </p> </a> <a class="sidebar-article" href="/article/f1yqvyx4wp-actualization" onclick="window.location.href='/article/f1yqvyx4wp-actualization'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Actualization </p> </a> </div> <a class="sidebar-category" href="#category-h0dda69uzk-items" data-toggle="collapse" aria-expanded="false" aria-controls="category-h0dda69uzk-items" > <p id="category-h0dda69uzk-title" style="margin-left: 0.5em !important; font-size: 0.95em !important;" onclick="toggleCategoryIcon(event, 'h0dda69uzk')" > Cascading & Decay </p> </a> <div id="category-h0dda69uzk-items" class="collapse" data-toggle="collapse" > <a class="sidebar-article" href="/article/ah4owuhku0-cascading" onclick="window.location.href='/article/ah4owuhku0-cascading'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Cascading </p> </a> <a class="sidebar-article" href="/article/ez9eykf7d6-decay" onclick="window.location.href='/article/ez9eykf7d6-decay'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Decay </p> </a> </div> <a class="sidebar-category" href="#category-px6lprhzq1-items" data-toggle="collapse" aria-expanded="false" aria-controls="category-px6lprhzq1-items" > <p id="category-px6lprhzq1-title" style="margin-left: 0.5em !important; font-size: 0.95em !important;" onclick="toggleCategoryIcon(event, 'px6lprhzq1')" > Specialized Features </p> </a> <div id="category-px6lprhzq1-items" class="collapse" data-toggle="collapse" > <a class="sidebar-article" href="/article/54c8hl8lv7-p-sing" onclick="window.location.href='/article/54c8hl8lv7-p-sing'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> P&Sing </p> </a> <a class="sidebar-article" href="/article/cbd7ixfezj-intraday-pricing" onclick="window.location.href='/article/cbd7ixfezj-intraday-pricing'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Ticks </p> </a> <a class="sidebar-article" href="/article/1yvfarosad-exposures" onclick="window.location.href='/article/1yvfarosad-exposures'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Exposures </p> </a> <a class="sidebar-article" href="/article/ttlga1ii1x-customer-test-environments" onclick="window.location.href='/article/ttlga1ii1x-customer-test-environments'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Customer Test Environments </p> </a> <a class="sidebar-article" href="/article/rl9s0ahs84-curve-builder" onclick="window.location.href='/article/rl9s0ahs84-curve-builder'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> Curve Builder </p> </a> </div> <a class="sidebar-category" href="#category-b5dpg93h0e-items" data-toggle="collapse" aria-expanded="false" aria-controls="category-b5dpg93h0e-items" > <p id="category-b5dpg93h0e-title" style="margin-left: 0.5em !important; font-size: 0.95em !important;" onclick="toggleCategoryIcon(event, 'b5dpg93h0e')" > Trades </p> </a> <div id="category-b5dpg93h0e-items" class="collapse" data-toggle="collapse" > <a class="sidebar-category" href="#category-ppa8fz2791-items" data-toggle="collapse" aria-expanded="false" aria-controls="category-ppa8fz2791-items" > <p id="category-ppa8fz2791-title" style="margin-left: 1em !important; font-size: 0.9em !important;" onclick="toggleCategoryIcon(event, 'ppa8fz2791')" > Trade Amendments </p> </a> <div id="category-ppa8fz2791-items" class="collapse" data-toggle="collapse" > <a class="sidebar-article" href="/article/szmiwqv69k-how-to-amend-a-trade" onclick="window.location.href='/article/szmiwqv69k-how-to-amend-a-trade'" > <p style="margin-left: 1.5em !important; font-size: 0.85 !important;"> How to Amend a Trade </p> </a> <a class="sidebar-article" href="/article/svu6eux3y6-how-to-transfer-a-trade" onclick="window.location.href='/article/svu6eux3y6-how-to-transfer-a-trade'" > <p style="margin-left: 1.5em !important; font-size: 0.85 !important;"> How to Transfer a Trade </p> </a> <a class="sidebar-article" href="/article/rkcmrk9ecx-how-to-void-a-trade" onclick="window.location.href='/article/rkcmrk9ecx-how-to-void-a-trade'" > <p style="margin-left: 1.5em !important; font-size: 0.85 !important;"> How to Void a Trade </p> </a> <a class="sidebar-article" href="/article/cbk87l1gb1-how-to-clone-a-trade" onclick="window.location.href='/article/cbk87l1gb1-how-to-clone-a-trade'" > <p style="margin-left: 1.5em !important; font-size: 0.85 !important;"> How to Clone a Trade </p> </a> <a class="sidebar-article" href="/article/ktqn8ewjqw-how-to-split-a-trade" onclick="window.location.href='/article/ktqn8ewjqw-how-to-split-a-trade'" > <p style="margin-left: 1.5em !important; font-size: 0.85 !important;"> How to Split a Trade </p> </a> </div> <a class="sidebar-category" href="#category-phvg45y2dn-items" data-toggle="collapse" aria-expanded="false" aria-controls="category-phvg45y2dn-items" > <p id="category-phvg45y2dn-title" style="margin-left: 1em !important; font-size: 0.9em !important;" onclick="toggleCategoryIcon(event, 'phvg45y2dn')" > Trade Entry/Edit </p> </a> <div id="category-phvg45y2dn-items" class="collapse" data-toggle="collapse" > <a class="sidebar-article" href="/article/cjl6vec5t7-park-and-loan-entry" onclick="window.location.href='/article/cjl6vec5t7-park-and-loan-entry'" > <p style="margin-left: 1.5em !important; font-size: 0.85 !important;"> Park and Loan Trade Entry </p> </a> <a class="sidebar-article" href="/article/u7njpbkuuj-how-to-enter-a-trade" onclick="window.location.href='/article/u7njpbkuuj-how-to-enter-a-trade'" > <p style="margin-left: 1.5em !important; font-size: 0.85 !important;"> How to Enter a Trade </p> </a> <a class="sidebar-article" href="/article/gz8m03yeni-how-to-transfer-a-position" onclick="window.location.href='/article/gz8m03yeni-how-to-transfer-a-position'" > <p style="margin-left: 1.5em !important; font-size: 0.85 !important;"> How to Transfer a Position </p> </a> <a class="sidebar-article" href="/article/0wi6hc3dbw-booking-a-trade-via-nlp" onclick="window.location.href='/article/0wi6hc3dbw-booking-a-trade-via-nlp'" > <p style="margin-left: 1.5em !important; font-size: 0.85 !important;"> How to Book a Trade via NLP </p> </a> <a class="sidebar-article" href="/article/int3ikb6ut-how-to-enter-broker-information" onclick="window.location.href='/article/int3ikb6ut-how-to-enter-broker-information'" > <p style="margin-left: 1.5em !important; font-size: 0.85 !important;"> How to Enter Broker Information </p> </a> <a class="sidebar-article" href="/article/zjnn5dpvv2-how-to-enter-fee-information" onclick="window.location.href='/article/zjnn5dpvv2-how-to-enter-fee-information'" > <p style="margin-left: 1.5em !important; font-size: 0.85 !important;"> How to Enter Fee Information </p> </a> </div> <a class="sidebar-category" href="#category-nxa6gu0ut9-items" data-toggle="collapse" aria-expanded="false" aria-controls="category-nxa6gu0ut9-items" > <p id="category-nxa6gu0ut9-title" style="margin-left: 1em !important; font-size: 0.9em !important;" onclick="toggleCategoryIcon(event, 'nxa6gu0ut9')" > Trade Workflows </p> </a> <div id="category-nxa6gu0ut9-items" class="collapse" data-toggle="collapse" > <a class="sidebar-article" href="/article/kngnx6fb65-workflows" onclick="window.location.href='/article/kngnx6fb65-workflows'" > <p style="margin-left: 1.5em !important; font-size: 0.85 !important;"> Trade Workflows </p> </a> <a class="sidebar-article" href="/article/0jgfj4ncor-trade-locking" onclick="window.location.href='/article/0jgfj4ncor-trade-locking'" > <p style="margin-left: 1.5em !important; font-size: 0.85 !important;"> Trade Locking </p> </a> <a class="sidebar-article" href="/article/xpzx2w1yzj-trade-lifecycle-attachments" onclick="window.location.href='/article/xpzx2w1yzj-trade-lifecycle-attachments'" > <p style="margin-left: 1.5em !important; font-size: 0.85 !important;"> Trade Lifecycle Attachments </p> </a> </div> <a class="sidebar-category" href="#category-bhsfffq5vo-items" data-toggle="collapse" aria-expanded="false" aria-controls="category-bhsfffq5vo-items" > <p id="category-bhsfffq5vo-title" style="margin-left: 1em !important; font-size: 0.9em !important;" onclick="toggleCategoryIcon(event, 'bhsfffq5vo')" > Trades Screen </p> </a> <div id="category-bhsfffq5vo-items" class="collapse" data-toggle="collapse" > <a class="sidebar-article" href="/article/q5gmyf8t4y-how-to-group-trades" onclick="window.location.href='/article/q5gmyf8t4y-how-to-group-trades'" > <p style="margin-left: 1.5em !important; font-size: 0.85 !important;"> How to Group/Ungroup Trades </p> </a> <a class="sidebar-article" href="/article/qtattenjkt-trade-ids" onclick="window.location.href='/article/qtattenjkt-trade-ids'" > <p style="margin-left: 1.5em !important; font-size: 0.85 !important;"> Trade IDs </p> </a> <a class="sidebar-article" href="/article/w3cvxt5qcf-things-on-trades-screen" onclick="window.location.href='/article/w3cvxt5qcf-things-on-trades-screen'" > <p style="margin-left: 1.5em !important; font-size: 0.85 !important;"> 5 Things you Can Do on the Trades Screen </p> </a> <a class="sidebar-article" href="/article/30w8l2oei8-how-to-import-trades" onclick="window.location.href='/article/30w8l2oei8-how-to-import-trades'" > <p style="margin-left: 1.5em !important; font-size: 0.85 !important;"> How to Import Trades </p> </a> <a class="sidebar-article" href="/article/olnoleibfu-update-tags-in-bulk" onclick="window.location.href='/article/olnoleibfu-update-tags-in-bulk'" > <p style="margin-left: 1.5em !important; font-size: 0.85 !important;"> How to Bulk Update Tags </p> </a> <a class="sidebar-article" href="/article/7ho35k3grk-how-to-lock-unlock-trades" onclick="window.location.href='/article/7ho35k3grk-how-to-lock-unlock-trades'" > <p style="margin-left: 1.5em !important; font-size: 0.85 !important;"> How to Lock/Unlock Trades </p> </a> </div> </div> <a class="sidebar-category" href="#category-gqgscso5ky-items" data-toggle="collapse" aria-expanded="false" aria-controls="category-gqgscso5ky-items" > <p id="category-gqgscso5ky-title" style="margin-left: 0.5em !important; font-size: 0.95em !important;" onclick="toggleCategoryIcon(event, 'gqgscso5ky')" > Valuations Screen </p> </a> <div id="category-gqgscso5ky-items" class="collapse" data-toggle="collapse" > <a class="sidebar-article" href="/article/o5w4ezeglr-how-to-pivot-group-valuations-screen" onclick="window.location.href='/article/o5w4ezeglr-how-to-pivot-group-valuations-screen'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> How to Pivot and Group on the Valuations Screen </p> </a> <a class="sidebar-article" href="/article/fmizawl4bp-how-to-use-valuations-screen" onclick="window.location.href='/article/fmizawl4bp-how-to-use-valuations-screen'" > <p style="margin-left: 1em !important; font-size: 0.9 !important;"> How to Use the Valuations Screen </p> </a> </div> </div> <a class="sidebar-category" href="#category-zdb6vdcof0-items" data-toggle="collapse" aria-expanded="false" aria-controls="category-zdb6vdcof0-items" > <p id="category-zdb6vdcof0-title" style="margin-left: 0em !important; font-size: 1em !important;" onclick="toggleCategoryIcon(event, 'zdb6vdcof0')" > Getting Help </p> </a> <div id="category-zdb6vdcof0-items" class="collapse" data-toggle="collapse" > <a class="sidebar-article" href="/article/5ugrmbv3hv-molecule-feature-enhancement-request-guidelines" onclick="window.location.href='/article/5ugrmbv3hv-molecule-feature-enhancement-request-guidelines'" > <p style="margin-left: 0.5em !important; font-size: 0.95 !important;"> Molecule Feature/Enhancement Request Guidelines </p> </a> <a class="sidebar-article" href="/article/aqy4awrqvi-how-to-request-new-products" onclick="window.location.href='/article/aqy4awrqvi-how-to-request-new-products'" > <p style="margin-left: 0.5em !important; font-size: 0.95 !important;"> How to Request New Products </p> </a> <a class="sidebar-article" href="/article/zg7lhzviem-contact-information" onclick="window.location.href='/article/zg7lhzviem-contact-information'" > <p style="margin-left: 0.5em !important; font-size: 0.95 !important;"> Contact Information </p> </a> </div> <a class="sidebar-category" href="#category-qlg7715pze-items" data-toggle="collapse" aria-expanded="false" aria-controls="category-qlg7715pze-items" > <p id="category-qlg7715pze-title" style="margin-left: 0em !important; font-size: 1em !important;" onclick="toggleCategoryIcon(event, 'qlg7715pze')" > Valuation </p> </a> <div id="category-qlg7715pze-items" class="collapse" data-toggle="collapse" > <a class="sidebar-article" href="/article/k7el7lnk6s-pricing-formulas" onclick="window.location.href='/article/k7el7lnk6s-pricing-formulas'" > <p style="margin-left: 0.5em !important; font-size: 0.95 !important;"> Pricing Formulas </p> </a> <a class="sidebar-article" href="/article/9ewe10o5uw-valuation-outputs" onclick="window.location.href='/article/9ewe10o5uw-valuation-outputs'" > <p style="margin-left: 0.5em !important; font-size: 0.95 !important;"> Valuation Outputs </p> </a> <a class="sidebar-article" href="/article/64azyv99ll-how-to-mark-spreads" onclick="window.location.href='/article/64azyv99ll-how-to-mark-spreads'" > <p style="margin-left: 0.5em !important; font-size: 0.95 !important;"> Marking Spreads </p> </a> <a class="sidebar-article" href="/article/7yoqe3w4co-option-models" onclick="window.location.href='/article/7yoqe3w4co-option-models'" > <p style="margin-left: 0.5em !important; font-size: 0.95 !important;"> Option Models </p> </a> <a class="sidebar-article" href="/article/27pz25xa2m-balmo" onclick="window.location.href='/article/27pz25xa2m-balmo'" > <p style="margin-left: 0.5em !important; font-size: 0.95 !important;"> Intramonth Trades </p> </a> <a class="sidebar-article" href="/article/go8g7e39ds-dynamic-volume-trades" onclick="window.location.href='/article/go8g7e39ds-dynamic-volume-trades'" > <p style="margin-left: 0.5em !important; font-size: 0.95 !important;"> Dynamic Volume Trades </p> </a> </div> </div> <script> function toggleCategoryIcon (event, category_id) { var $p = $('#category-' + category_id + '-title'); if ($p.hasClass('expanded')) { $p.removeClass('expanded'); } else { $p.addClass('expanded'); } } </script> </div> <div class="col-xs-12 col-md-9 col-xl-10"> <div id="home" class="container-fluid"> <div id="categories" class="row flex-row"> <div class="col-xs-12 col-sm-6 col-md-4"> <a class="card-link" href="/category/q93ztxmcfr-api"> <div id="category" class="card hvr-card"> <div class="card-block"> <div class="text-xs-center"> <i class="fa fa-3x card-icon fa-connectdevelop"></i> <h3 class="card-title">API & Data Integration</h3> <p class="card-text">Intro to our API & Excel integration</p> <p class="card-text"> <img class="img-fluid img-circle" src="https://files.helpdocs.io/56bu62syz9/other/1707668673141/31-ec-8470-bd-87-4-a-63-a-9-c-9-39701384-a-29-c-1.png"> <img class="img-fluid img-circle" src="https://www.gravatar.com/avatar/10ed00fe4c3140f824fa6b3539c07ff0?d=mm&s=150"> <span class="text-muted"> 12 articles by 2 authors </span> </p> </div> </div> </div> </a> </div> <div class="col-xs-12 col-sm-6 col-md-4"> <a class="card-link" href="/category/l572jdmusw-concepts-models-approaches"> <div id="category" class="card hvr-card"> <div class="card-block"> <div class="text-xs-center"> <i class="fa fa-3x card-icon fa-adn"></i> <h3 class="card-title">Core Topics</h3> <p class="card-text">Explanations of how the system works</p> <p class="card-text"> <img class="img-fluid img-circle" src="https://www.gravatar.com/avatar/bee025ee428ee05d364a7230201ed46f?d=mm&s=150"> <img class="img-fluid img-circle" src="https://www.gravatar.com/avatar/10ed00fe4c3140f824fa6b3539c07ff0?d=mm&s=150"> <span class="text-muted"> 13 articles by 2 authors </span> </p> </div> </div> </div> </a> </div> <div class="col-xs-12 col-sm-6 col-md-4"> <a class="card-link" href="/category/zxxfn2nomm-features"> <div id="category" class="card hvr-card"> <div class="card-block"> <div class="text-xs-center"> <i class="fa fa-3x card-icon fa-flash"></i> <h3 class="card-title">Features</h3> <p class="card-text">Individual features and their operation</p> <p class="card-text"> <img class="img-fluid img-circle" src="https://www.gravatar.com/avatar/10ed00fe4c3140f824fa6b3539c07ff0?d=mm&s=150"> <img class="img-fluid img-circle" src="https://www.gravatar.com/avatar/994ff17a52ff06a2881c364b876fa77d?d=mm&s=150"> <img class="img-fluid img-circle" src="https://files.helpdocs.io/56bu62syz9/other/1707668673141/31-ec-8470-bd-87-4-a-63-a-9-c-9-39701384-a-29-c-1.png"> <span class="text-muted"> 38 articles by 3 authors </span> </p> </div> </div> </div> </a> </div> <div class="col-xs-12 col-sm-6 col-md-4"> <a class="card-link" href="/category/zdb6vdcof0-getting-help"> <div id="category" class="card hvr-card"> <div class="card-block"> <div class="text-xs-center"> <h3 class="card-title">Getting Help</h3> <p class="card-text">How to get help from the Molecule team.</p> <p class="card-text"> <img class="img-fluid img-circle" src="https://files.helpdocs.io/56bu62syz9/other/1707668673141/31-ec-8470-bd-87-4-a-63-a-9-c-9-39701384-a-29-c-1.png"> <span class="text-muted"> 3 articles by 1 author </span> </p> </div> </div> </div> </a> </div> <div class="col-xs-12 col-sm-6 col-md-4"> <a class="card-link" href="/category/qlg7715pze-valuation"> <div id="category" class="card hvr-card"> <div class="card-block"> <div class="text-xs-center"> <i class="fa fa-3x card-icon fa-500px"></i> <h3 class="card-title">Valuation</h3> <p class="card-text">Details on Molecule's calculations</p> <p class="card-text"> <img class="img-fluid img-circle" src="https://www.gravatar.com/avatar/994ff17a52ff06a2881c364b876fa77d?d=mm&s=150"> <img class="img-fluid img-circle" src="https://www.gravatar.com/avatar/10ed00fe4c3140f824fa6b3539c07ff0?d=mm&s=150"> <span class="text-muted"> 6 articles by 2 authors </span> </p> </div> </div> </div> </a> </div> </div> </div> </div> </div> </div> <div class="container-fluid"> <div class="row"> <div class="col-xs-12 col-md-9 offset-md-3 col-xl-10 offset-xl-2" > <div style="position: relative !important; bottom: 0 !important; text-align: center !important; margin: 2em !important; padding: initial !important; padding-bottom: 2em !important; display: block !important; visibility: visible !important;"> <a href="https://www.helpdocs.io?ref=hd" target="_blank" title="Powered by HelpDocs" style="display: initial !important; visibility: visible !important; position: initial !important; margin: 0 !important; padding: 0 !important; color: #ccc !important; text-decoration: none !important;" > <img src="https://cdn.helpdocs.io/img/logo_grey.png?v=1731606200" alt="Powered by HelpDocs" style="height: 2em !important; width: 2em !important; display: initial !important; visibility: visible !important; position: initial !important; margin: 0 !important; padding: 0 !important;" /> <span style="position: absolute;width: 1px;clip: rect(0 0 0 0);overflow: hidden;white-space: nowrap;">(opens in a new tab)</span> </a> <p style="display: block !important; visibility: visible !important; position: initial !important; margin-top: 10px !important;"> <a href="https://www.helpdocs.io?ref=hd" target="_blank" title="Powered by HelpDocs" style="display: initial !important; position: initial !important; margin: 0 !important; padding: 0 !important; color: #ccc !important; text-decoration: none !important;" > <span style="display: initial !important; visibility: visible !important;">Powered by HelpDocs</span> <span style="position: absolute;width: 1px;clip: rect(0 0 0 0);overflow: hidden;white-space: nowrap;">(opens in a new tab)</span> </a> </p> </div> </div> </div> </div> <script type="text/javascript"> $(function() { $('.collapse').collapse({ toggle: false }); $('table').addClass('table').addClass('table-responsive').attr('bordercolor', '#eee').attr('border', 0); var $toc = $('#toc'); if ($toc.length > 0) { $toc.clone().addClass('side-toc').appendTo('#toc-sidebar-placeholder'); $toc.addClass('inline-toc').addClass('hidden-md-up'); } else { $('#toc-sidebar-placeholder').remove(); $('.col-xs-12.col-md-6.col-xl-8').removeClass('col-md-6 col-xl-8').addClass('col-md-9 col-xl-10') } function setSidebarWidths () { var left_width = $('.left-col').width() - 30; var toc_width = $('.toc-column').width() - 30; $('#sidebar').width(left_width); $('#toc-sidebar-placeholder').width(toc_width); // $('#toc.side-toc').width(width); } setSidebarWidths(); function setSidebarHeights () { var $window = $(window); var headerHeight = $('#header').height(); var windowHeight = $window.height(); var scrollTop = $window.scrollTop(); var hasFullyScrolled = scrollTop > headerHeight + 0; var height = hasFullyScrolled ? windowHeight - 100 : windowHeight - (100 + (headerHeight - scrollTop)); $('#sidebar').height(height); $('#toc-sidebar-placeholder').height(height); // $('#toc.side-toc').height(height); if (hasFullyScrolled) { $('#sidebar').css('top', 50); $('#toc-sidebar-placeholder').css('top', 55); // $('#toc.side-toc').css('top', 50); } else { $('#sidebar').css('top', 55 + (headerHeight - scrollTop)); $('#toc-sidebar-placeholder').css('top', 55 + (headerHeight - scrollTop)); // $('#toc.side-toc').css('top', 50 + (headerHeight - scrollTop)); } } setSidebarHeights(); $(window).resize(function () { setSidebarWidths(); setSidebarHeights(); }); $(window).scroll(setSidebarHeights); $('#hd-query').on('keydown', function () { setSidebarHeights(); setTimeout(setSidebarHeights, 250); }); $('#sidebar').show(); $('#toc.side-toc').show(); }); </script> </div> </div> </div> <div id="contact-modal" class="modal fade"> <div class="modal-dialog" role='document'> <div class="modal-content"> <div class="modal-header"> <button class="close" type='button' data-dismiss='modal' aria-label='Close'> <span aria-hidden='true'>脳</span> </button> <h4 class="modal-title">Contact</h4> </div> <div class="modal-body"> <form id="contact-form" action="/contact" method="POST" data-article-id="" data-category-id="" data-search-term="" > <fieldset class="form-group"> <input id="name" class="form-control" type="text" placeholder="Jane Doe"> </fieldset> <fieldset class="form-group"> <input id="email" class="form-control" type="email" placeholder="my.email@example.com"> </fieldset> <fieldset class="form-group"> <textarea id="question" class="form-control" type="text" placeholder="Help Me With..." rows="5"></textarea> </fieldset> <input id="noop" type="text" name="noop" style="display: none !important"> </form> <button id="contact-form-submit" class="btn btn-primary btn-block" type='button'>Send</button> </div> </div> </div> </div> <script src="https://cdn.helpdocs.io/js/tether.min.js?v=1731606200"></script> <script src="https://cdn.helpdocs.io/js/bootstrap.min.js?v=1731606200"></script> <script src="https://cdn.helpdocs.io/js/js.cookie.min.js?v=1731606200"></script> <script src="https://cdn.helpdocs.io/js/highlight.min.js?v=1731606200"></script> <!-- Segment --> <script type="text/javascript"> !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t){var e=document.createElement("script");e.type="text/javascript";e.async=!0;e.src=("https:"===document.location.protocol?"https://":"http://")+"cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)};analytics.SNIPPET_VERSION="4.0.0"; analytics.load("BVh1ZoYrYmTLAzYASdKK4Nt3U3qEHxHP"); analytics.page(); }}(); </script> <script src="https://cdn.helpdocs.io/js/libs/hdanalytics.js?v=1731606200" type="text/javascript"></script> <script> window.hd_util_params = { disable_legacy_search_timers: true }; </script> <script src="https://cdn.helpdocs.io/js/libs/hdthemeutils.js?v=1731606200" type="text/javascript"></script> <script src="https://cdn.helpdocs.io/js/libs/instantsearch.js?v=1731606200" type="text/javascript"></script> <!-- Resize videos --> <script> (function() { $(function () { var $allVideos = $("iframe[src*='//www.youtube.com'],iframe[src*='//player.vimeo.com'],.hd--embed iframe,.hd--embed span[id^='vidyard_span_']"), $fluidEl = $("#article .card-block"), isBackup = false; if (!$fluidEl || !$fluidEl.width()) { isBackup = true; $fluidEl = $('#article #body'); }; $allVideos.each(function() { $(this) .data('aspectRatio', (this.height / this.width) || 0.5625) .removeAttr('height') .removeAttr('width'); }); $(window).resize(function() { var newWidth = $fluidEl.width() - (isBackup ? 200 : 0); if (!newWidth) return; $allVideos.each(function() { var $el = $(this); $el .width(newWidth) .height(newWidth * $el.data('aspectRatio')); }); }).resize(); }); })(); </script> </body> </html>