Layout Library

Our SEC Filings platform offers flexibility with multiple layout options, allowing you to tailor the display to your needs.  Customize your layout style by leveraging CSS and our API or shortcode, providing an efficient way to adapt the data to your design preferences.

Layout 1 – Default

Shortcode
[b2i_sec sdiv="all-sec"]
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
[b2i_sec sdiv="all-sec"]
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
[b2i_sec sdiv="all-sec"]
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
[b2i_sec sdiv="all-sec"]
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
[b2i_sec sdiv="all-sec"]
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
[b2i_sec sdiv="all-sec"]
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
[b2i_sec sdiv="all-sec"]
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
[b2i_sec sdiv="all-sec"]
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
[b2i_sec sdiv="all-sec"]
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
[b2i_sec sdiv="all-sec"]
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
[b2i_sec sdiv="all-sec"]
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
[b2i_sec sdiv="all-sec"]
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
[b2i_sec sdiv="all-sec"]
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
[b2i_sec sdiv="all-sec"]
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
[b2i_sec sdiv="all-sec"]
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
[b2i_sec sdiv="all-sec"]
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
[b2i_sec sdiv="all-sec"]
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
[b2i_sec sdiv="all-sec"]
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>
#
Layouts  20 ,21 & 22 are designed to display form types and links.
Layout 20 returns the XBRL version only.
Layout 21 returns the HTML version only.
Layout 22 returns the PDF version only