Layout Library
Layout 1 – Default
Shortcode
API
<div id="all-sec"></div>
<script src="https://www.b2i.us/b2i/SECapi.js" type="text/javascript"></script>
<script type="text/javascript">
oSEC.BizID="2626"
oSEC.sKey="Sf6Ic9Gy8"
oSEC.sHttp="https"
oSEC.sDiv="all-sec"
oSEC.fonticon="1"
oSEC.lo="1"
oSEC.n="1"
oSEC.sf="1"
getSecData();
</script>
In this example the latest filings are being displayed using layout 1, this is the default if no layout is set.
Layout 2
Shortcode
API
<div id="all-sec"></div>
<script src="https://www.b2i.us/b2i/SECapi.js" type="text/javascript"></script>
<script type="text/javascript">
oSEC.BizID="2626"
oSEC.sKey="Sf6Ic9Gy8"
oSEC.sHttp="https"
oSEC.sDiv="all-sec"
oSEC.fonticon="1"
oSEC.lo="1"
oSEC.n="1"
oSEC.sf="1"
getSecData();
</script>
In this example the latest filings are being displayed using layout 2, a basic div structure.
Layout 3
Shortcode
API
<div id="all-sec"></div>
<script src="https://www.b2i.us/b2i/SECapi.js" type="text/javascript"></script>
<script type="text/javascript">
oSEC.BizID="2626"
oSEC.sKey="Sf6Ic9Gy8"
oSEC.sHttp="https"
oSEC.sDiv="all-sec"
oSEC.fonticon="1"
oSEC.lo="1"
oSEC.n="1"
oSEC.sf="1"
getSecData();
</script>
In this example the Latest 10-K filing is displayed using layout 3
Layout 4
Shortcode
API
<div id="all-sec"></div>
<script src="https://www.b2i.us/b2i/SECapi.js" type="text/javascript"></script>
<script type="text/javascript">
oSEC.BizID="2626"
oSEC.sKey="Sf6Ic9Gy8"
oSEC.sHttp="https"
oSEC.sDiv="all-sec"
oSEC.fonticon="1"
oSEC.lo="1"
oSEC.n="1"
oSEC.sf="1"
getSecData();
</script>
In this example the layout returns the latest 10-K, 10-Q, 8-K, and Proxy with the filter “ircurrent4” using layout 4 for display and ordered in chronological order.
Layout 5
Shortcode
API
<div id="all-sec"></div>
<script src="https://www.b2i.us/b2i/SECapi.js" type="text/javascript"></script>
<script type="text/javascript">
oSEC.BizID="2626"
oSEC.sKey="Sf6Ic9Gy8"
oSEC.sHttp="https"
oSEC.sDiv="all-sec"
oSEC.fonticon="1"
oSEC.lo="1"
oSEC.n="1"
oSEC.sf="1"
getSecData();
</script>
In this example the Latest Annual Report is displayed using layout 5
Layout 6
Shortcode
API
<div id="all-sec"></div>
<script src="https://www.b2i.us/b2i/SECapi.js" type="text/javascript"></script>
<script type="text/javascript">
oSEC.BizID="2626"
oSEC.sKey="Sf6Ic9Gy8"
oSEC.sHttp="https"
oSEC.sDiv="all-sec"
oSEC.fonticon="1"
oSEC.lo="1"
oSEC.n="1"
oSEC.sf="1"
getSecData();
</script>
This example is displaying the Quarterly Earnings based on the SEC Filings. It offers customization for to each filing: Add multiple links. Set the title, image, and links. This feature leverages our white glove service for items that require manual linking.
Layout 7
Shortcode
API
<div id="all-sec"></div>
<script src="https://www.b2i.us/b2i/SECapi.js" type="text/javascript"></script>
<script type="text/javascript">
oSEC.BizID="2626"
oSEC.sKey="Sf6Ic9Gy8"
oSEC.sHttp="https"
oSEC.sDiv="all-sec"
oSEC.fonticon="1"
oSEC.lo="1"
oSEC.n="1"
oSEC.sf="1"
getSecData();
</script>
This example is displaying Quarterly Earnings based on SEC 10-Qs and 10-Ks in an accordion. It offers customization for to each filing: Add multiple links. Set the title, image, and links. This feature leverages our white glove service for items that require manual linking.
Layout 8
Shortcode
API
<div id="all-sec"></div>
<script src="https://www.b2i.us/b2i/SECapi.js" type="text/javascript"></script>
<script type="text/javascript">
oSEC.BizID="2626"
oSEC.sKey="Sf6Ic9Gy8"
oSEC.sHttp="https"
oSEC.sDiv="all-sec"
oSEC.fonticon="1"
oSEC.lo="1"
oSEC.n="1"
oSEC.sf="1"
getSecData();
</script>
This example is displaying Quarterly Earnings based on SEC 10-Qs and 10-Ks in an accordion. It offers customization for to each filing: Add multiple links. Set the title, image, and links. This feature leverages our white glove service for items that require manual linking.
Layout 11
Shortcode
API
<div id="all-sec"></div>
<script src="https://www.b2i.us/b2i/SECapi.js" type="text/javascript"></script>
<script type="text/javascript">
oSEC.BizID="2626"
oSEC.sKey="Sf6Ic9Gy8"
oSEC.sHttp="https"
oSEC.sDiv="all-sec"
oSEC.fonticon="1"
oSEC.lo="1"
oSEC.n="1"
oSEC.sf="1"
getSecData();
</script>
In this example the layout returns the latest 10-K, 10-Q, 8-K, and Proxy with the filter “ircurrent4” using layout 11 for display.
Layout 12
Layouts 12 & 13 are designed to display the form type, and icon.
Layout 12 also shows the form descriptions.
The icons can be customized using css.
Layout 13
Layout 14
Shortcode
API
<div id="all-sec"></div>
<script src="https://www.b2i.us/b2i/SECapi.js" type="text/javascript"></script>
<script type="text/javascript">
oSEC.BizID="2626"
oSEC.sKey="Sf6Ic9Gy8"
oSEC.sHttp="https"
oSEC.sDiv="all-sec"
oSEC.fonticon="1"
oSEC.lo="1"
oSEC.n="1"
oSEC.sf="1"
getSecData();
</script>
In this example the layout returns a list of Annual Reports using layout 14 for display.
Layout 15
Shortcode
API
<div id="all-sec"></div>
<script src="https://www.b2i.us/b2i/SECapi.js" type="text/javascript"></script>
<script type="text/javascript">
oSEC.BizID="2626"
oSEC.sKey="Sf6Ic9Gy8"
oSEC.sHttp="https"
oSEC.sDiv="all-sec"
oSEC.fonticon="1"
oSEC.lo="1"
oSEC.n="1"
oSEC.sf="1"
getSecData();
</script>
In this example the layout returns latest 10’s using layout 15 for display.
Layout 16
Shortcode
API
<div id="all-sec"></div>
<script src="https://www.b2i.us/b2i/SECapi.js" type="text/javascript"></script>
<script type="text/javascript">
oSEC.BizID="2626"
oSEC.sKey="Sf6Ic9Gy8"
oSEC.sHttp="https"
oSEC.sDiv="all-sec"
oSEC.fonticon="1"
oSEC.lo="1"
oSEC.n="1"
oSEC.sf="1"
getSecData();
</script>
In this example the layout returns latest 10k using layout 16 for display.
Layout 17
Shortcode
API
<div id="all-sec"></div>
<script src="https://www.b2i.us/b2i/SECapi.js" type="text/javascript"></script>
<script type="text/javascript">
oSEC.BizID="2626"
oSEC.sKey="Sf6Ic9Gy8"
oSEC.sHttp="https"
oSEC.sDiv="all-sec"
oSEC.fonticon="1"
oSEC.lo="1"
oSEC.n="1"
oSEC.sf="1"
getSecData();
</script>
In this example the layout returns latest 10q using layout 17 for display.
Layout 18
Shortcode
API
<div id="all-sec"></div>
<script src="https://www.b2i.us/b2i/SECapi.js" type="text/javascript"></script>
<script type="text/javascript">
oSEC.BizID="2626"
oSEC.sKey="Sf6Ic9Gy8"
oSEC.sHttp="https"
oSEC.sDiv="all-sec"
oSEC.fonticon="1"
oSEC.lo="1"
oSEC.n="1"
oSEC.sf="1"
getSecData();
</script>
In this example the layout returns a list of 10’s using layout 18 for display.
Layout 19
Shortcode
API
<div id="all-sec"></div>
<script src="https://www.b2i.us/b2i/SECapi.js" type="text/javascript"></script>
<script type="text/javascript">
oSEC.BizID="2626"
oSEC.sKey="Sf6Ic9Gy8"
oSEC.sHttp="https"
oSEC.sDiv="all-sec"
oSEC.fonticon="1"
oSEC.lo="1"
oSEC.n="1"
oSEC.sf="1"
getSecData();
</script>
In this example the layout returns latest 10 HMTL / XBRL file type using layout 19 for display.
Layout 20 (XBRL)
Shortcode
API
<div id="all-sec"></div>
<script src="https://www.b2i.us/b2i/SECapi.js" type="text/javascript"></script>
<script type="text/javascript">
oSEC.BizID="2626"
oSEC.sKey="Sf6Ic9Gy8"
oSEC.sHttp="https"
oSEC.sDiv="all-sec"
oSEC.fonticon="1"
oSEC.lo="1"
oSEC.n="1"
oSEC.sf="1"
getSecData();
</script>
Layout 21 (HTML)
Shortcode
API
<div id="all-sec"></div>
<script src="https://www.b2i.us/b2i/SECapi.js" type="text/javascript"></script>
<script type="text/javascript">
oSEC.BizID="2626"
oSEC.sKey="Sf6Ic9Gy8"
oSEC.sHttp="https"
oSEC.sDiv="all-sec"
oSEC.fonticon="1"
oSEC.lo="1"
oSEC.n="1"
oSEC.sf="1"
getSecData();
</script>
Layout 22 (PDF)
Shortcode
API
<div id="all-sec"></div>
<script src="https://www.b2i.us/b2i/SECapi.js" type="text/javascript"></script>
<script type="text/javascript">
oSEC.BizID="2626"
oSEC.sKey="Sf6Ic9Gy8"
oSEC.sHttp="https"
oSEC.sDiv="all-sec"
oSEC.fonticon="1"
oSEC.lo="1"
oSEC.n="1"
oSEC.sf="1"
getSecData();
</script>
Layout 20 returns the XBRL version only.
Layout 21 returns the HTML version only.
Layout 22 returns the PDF version only