Dealogic Styleguide

section menu

Tiles

Compact representation of a content item with multiple data points and statuses.

Examples

  • Deal Roadshow

    RYB Education TTW

    New York
  • New
    Restricted
    Deal Roadshow

    RYB Education TTW

    New York
  • New
    Restricted
    Deal Roadshow

    RYB Education TTW

    New York
  • Cancelled
    Deal Roadshow

    RYB Education TTW

    Requested
    New York
  • Cancelled
    Deal Roadshow

    RYB Education TTW

    Requested
    New York
  • Analyst Marketing

    Hasan Tevfik - 3Q Outlook: The earnings expansion broadens

    Acknowledged
    Munich & Paris
  • Analyst Marketing

    Hasan Tevfik - 3Q Outlook: The earnings expansion broadens

    Acknowledged
    Munich & Paris
<ul class="dl-tiles">
    <li>
    <div class="dl-tile event loading">
      <div class="sup"><span /></div>
      <div class="title-status-container">
        <h2><span /></h2>
        <div class="status-firm-level dl-tag-category violet"></div>
      </div>
      <div class="sub"><span /></div>
    </div>
  </li>
  <li>
    <div class="dl-tile event">
      <div class="sup">Deal Roadshow</div>
      <div class="title-status-container">
        <h2>RYB Education TTW</h2>
      </div>
      <div class="sub">New York</div>
    </div>
  </li>
  <li>
    <div class="dl-tile event">
      <div class="status-global green">New</div>
      <div class="status-global blue">Restricted</div>
      <div class="sup">Deal Roadshow</div>
      <div class="title-status-container">
        <h2>RYB Education TTW</h2>
      </div>
      <div class="sub">New York</div>
    </div>
  </li>
  <li>
    <div class="dl-tile event selected">
      <div class="status-global green">New</div>
      <div class="status-global blue">Restricted</div>
      <div class="sup">Deal Roadshow</div>
      <div class="title-status-container">
        <h2>RYB Education TTW</h2>
      </div>
      <div class="sub">New York</div>
    </div>
  </li>
  <li>
    <div class="dl-tile event cancelled">
      <div class="status-global red">Cancelled</div>
      <div class="sup">Deal Roadshow</div>
      <div class="title-status-container">
        <h2>RYB Education TTW</h2>
        <div class="status-firm-level dl-tag-category yellow">Requested</div>
      </div>
      <div class="sub">New York</div>
    </div>
  </li>
  <li>
    <div class="dl-tile event cancelled selected">
      <div class="status-global red">Cancelled</div>
      <div class="sup">Deal Roadshow</div>
      <div class="title-status-container">
        <h2>RYB Education TTW</h2>
        <div class="status-firm-level dl-tag-category yellow">Requested</div>
      </div>
      <div class="sub">New York</div>
    </div>
  </li>
  <li>
    <div class="dl-tile event">
      <div class="sup">Analyst Marketing</div>
      <div class="title-status-container">
        <h2>Hasan Tevfik - 3Q Outlook: The earnings expansion broadens</h2>
        <div class="status-firm-level dl-tag-category violet">Acknowledged</div>
      </div>
      <div class="sub">Munich &amp; Paris</div>
    </div>
  </li>
  <li>
    <div class="dl-tile event selected">
      <div class="sup">Analyst Marketing</div>
      <div class="title-status-container">
        <h2>Hasan Tevfik - 3Q Outlook: The earnings expansion broadens</h2>
        <div class="status-firm-level dl-tag-category violet">Acknowledged</div>
      </div>
      <div class="sub">Munich &amp; Paris</div>
    </div>
  </li>
</ul>

  • Changchun High&New Technology Industries (Group) Inc

    ECM-FO-RI
    000661 $278.42m
    39.40m sh @ CNY 45.68
    DB • CJYINV

  • Dong-A Steel Technology Co Ltd

    ECM-FO-RI
    058730 $7.65m -9.12%
    2.58m sh @ KRW 3,715.00, D -0.50%
    KORIS

  • Heung-A Shipping Co Ltd

    ECM-FO-FM
    003280 $17.41m
    18.00m sh @ KRW 1,045.00
    806413

  • Kidman Resources Ltd

    ECM-FO-GPA
    KDR $3.60m
    41.18m sh @ AUD 0.09
    PACPRT

  • Lehto Group plc

    ECM-IPO-OP
    LEHTO $12.37m
    15.08m sh
    POHJOLA • PARSEC

  • Blackstone Mortgage Trust Inc

    ECM-FO-BOUGHT
    BXMT $344.52m 0.34%
    10.80m sh@ USD 31.90, D -2.51%
    CITI • BOAML • BAR • JPM • MS • WLF
    Bookrunner

  • Allfunds Bank SA

    GIC Pte Ltd
    Intesa Sanpaolo SpA (50%; 25%)
    M&A-STRA $527.46m
    JPM • BNP • CITI • CS • DB • BOAML • UBS • CMZ • CACIB • NBF • RBS
    Acquiror Advisor

  • Bombardier Inc

    DCM-BOND-HY
    $1,000m USD
    POHJOLA • PARSEC 
<ul class="dl-tiles">
  <li>
    <div class="dl-tile deal loading">
      <span class="nationality" title="Nationality: "></span>
      <h2 class="company" title=""><span /></h2>
      <div>
        <span />
      </div>
      <div>
        <span />
      </div>
      <div>
        <span />
      </div>
      <div>
        <span />
      </div>
    </div>
  </li>
  <li>
    <div class="dl-tile deal Expected">
      <span class="nationality CN" title="Nationality: CN"></span>
      <h2 class="company" title="Issuer: Changchun High&amp;New Technology Industries (Group) Inc">Changchun High&amp;New Technology Industries (Group) Inc</h2>
      <div>
        <span class="content" title="ECM-FO-RI">ECM-FO-RI</span>
      </div>
      <div>
        <span class="content multi">
          <span title="000661">000661</span>
          <span title="$278.42m">$278.42m</span>
        </span>
      </div>
      <div>
        <span class="content" title="39.40m sh @ CNY 45.68">39.40m sh @ CNY 45.68</span>
      </div>
      <div>
        <span class="content" title="Lead Banks:
Citi
Bank of America Merrill Lynch
Barclays
JPMorgan
Morgan Stanley
Wells Fargo Securities">DB • CJYINV</span>
      </div>
    </div>
  </li>
  <li>
    <div class="dl-tile deal Expected">
      <span class="nationality KR" title="Nationality: KR"></span>
      <h2 class="company" title="Issuer: Dong-A Steel Technology Co Ltd">Dong-A Steel Technology Co Ltd</h2>
      <div>
        <span class="content" title="ECM-FO-RI">ECM-FO-RI</span>
        <span class="pre-post-market" title="Pre-Market">
          <dl-icon id="pre-market19" name="state-am"></dl-icon>
          <dl-popover target="#pre-market19" title="Pre-Market"></dl-popover>
        </span>
      </div>
      <div>
        <span class="content multi">
          <span title="058730">058730</span>
          <span title="$7.65m">$7.65m</span>
        </span>
        <span class="dl-badge icon negative" title="Aftermarket Performance: -9.12%">
          <dl-icon name="arrow-arrow-down"></dl-icon>-9.12%</span>
      </div>
      <div>
        <span class="content" title="2.58m sh @ KRW 3,715.00, D -0.50%">2.58m sh @ KRW 3,715.00, D -0.50%</span>
      </div>
      <div>
        <span class="content" title="Lead Banks:
Citi
Bank of America Merrill Lynch
Barclays
JPMorgan
Morgan Stanley
Wells Fargo Securities">KORIS</span>
      </div>
    </div>
  </li>
  <li>
    <div class="dl-tile deal Expected">
      <span class="nationality KR" title="Nationality: KR"></span>
      <h2 class="company" title="Issuer: Heung-A Shipping Co Ltd">Heung-A Shipping Co Ltd</h2>
      <div>
        <span class="content" title="ECM-FO-FM">ECM-FO-FM</span>
        <span class="pre-post-market" title="Pre-Market">
          <dl-icon id="pre-market20" name="state-am"></dl-icon>
          <dl-popover target="#pre-market20" title="Pre-Market"></dl-popover>
        </span>
      </div>
      <div>
        <span class="content multi">
          <span title="003280">003280</span>
          <span title="$17.41m">$17.41m</span>
        </span>
      </div>
      <div>
        <span class="content" title="18.00m sh @ KRW 1,045.00">18.00m sh @ KRW 1,045.00</span>
      </div>
      <div>
        <span class="content" title="Lead Banks:
Citi
Bank of America Merrill Lynch
Barclays
JPMorgan
Morgan Stanley
Wells Fargo Securities">806413</span>
      </div>
      <div class="role-actions">
        <div class="actions">
          <dl-button icon="doc-generic" title="Edgar Desk"></dl-button>
        </div>
      </div>
    </div>
  </li>
  <li>
    <div class="dl-tile deal Expected">
      <span class="nationality AU" title="Nationality: AU"></span>
      <h2 class="company" title="Issuer: Kidman Resources Ltd">Kidman Resources Ltd</h2>
      <div>
        <span class="content" title="ECM-FO-GPA">ECM-FO-GPA</span>
      </div>
      <div>
        <span class="content multi">
          <span title="KDR">KDR</span>
          <span title="$3.60m">$3.60m</span>
        </span>
      </div>
      <div>
        <span class="content" title="41.18m sh @ AUD 0.09">41.18m sh @ AUD 0.09</span>
      </div>
      <div>
        <span class="content" title="Lead Banks:
Citi
Bank of America Merrill Lynch
Barclays
JPMorgan
Morgan Stanley
Wells Fargo Securities">PACPRT</span>
      </div>
    </div>
  </li>
  <li>
    <div class="dl-tile deal Expected">
      <span class="nationality CN" title="Nationality: CN"></span>
      <h2 class="company" title="Issuer: Lehto Group plc">Lehto Group plc</h2>
      <div>
        <span class="content" title="ECM-IPO-OP">ECM-IPO-OP</span>
        <span class="pre-post-market" title="Post-Market">
          <dl-icon id="post-market22" name="state-pm"></dl-icon>
          <dl-popover target="#post-market22" title="Post-Market"></dl-popover>
        </span>
      </div>
      <div>
        <span class="content multi">
          <span title="LEHTO">LEHTO</span>
          <span title="$12.37m">$12.37m</span>
        </span>
      </div>
      <div>
        <span class="content" title="15.08m sh">15.08m sh</span>
      </div>
      <div>
        <span class="content" title="Lead Banks:
Citi
Bank of America Merrill Lynch
Barclays
JPMorgan
Morgan Stanley
Wells Fargo Securities">POHJOLA • PARSEC</span>
      </div>
    </div>
  </li>
  <li>
    <div class="dl-tile deal Expected">
      <span class="nationality US" title="Nationality: US"></span>
      <h2 class="company" title="Issuer: Blackstone Mortgage Trust Inc">Blackstone Mortgage Trust Inc</h2>
      <div>
        <span class="content" title="ECM-FO-BOUGHT">ECM-FO-BOUGHT</span>
        <span class="pre-post-market" title="Post-Market">
          <dl-icon id="post-market23" name="state-pm"></dl-icon>
          <dl-popover target="#post-market23" title="Post-Market"></dl-popover>
        </span>
      </div>
      <div>
        <span class="content multi">
          <span title="BXMT">BXMT</span>
          <span title="$344.52m">$344.52m</span>
        </span>
        <span class="dl-badge icon positive" title="Aftermarket Performance: +0.34%">
          <dl-icon name="arrow-arrow-up"></dl-icon>0.34%</span>
      </div>
      <div>
        <span class="content" title="10.80m sh@ USD 31.90, D -2.51%">10.80m sh@ USD 31.90, D -2.51%</span>
      </div>
      <div>
        <span class="content" title="Lead Banks:
Citi
Bank of America Merrill Lynch
Barclays
JPMorgan
Morgan Stanley
Wells Fargo Securities">CITI • BOAML • BAR • JPM • MS • WLF</span>
      </div>
      <div class="role-actions">
        <div class="actions">
          <dl-button icon="func-link" title="Transaction Profile"></dl-button>
          <dl-button icon="doc-generic" title="Edgar Desk"></dl-button>
          <dl-button icon="doc-pdf" title="Prospectus"></dl-button>
        </div>
        <div class="role">
          <span class="dl-tag-category" title="Bookrunner">Bookrunner</span>
        </div>
      </div>
    </div>
  </li>
  <li>
    <div class="dl-tile deal Expected">
      <span class="nationality ES" title="Nationality: ES"></span>
      <h2 class="company" title="Issuer: Allfunds Bank SA">Allfunds Bank SA</h2>
      <div>
        <span class="content company" title="Acquiror: GIC Pte Ltd">GIC Pte Ltd</span>
      </div>
      <div>
        <span class="content company" title="Divestor: Intesa Sanpaolo SpA (50%; 25%)">Intesa Sanpaolo SpA (50%; 25%)</span>
      </div>
      <div>
        <span class="content multi">
          <span class="content" title="M&amp;A-STRA">M&amp;A-STRA</span>
          <span title="$527.46m">$527.46m</span>
        </span>
      </div>
      <div>
        <span class="content" title="Lead Banks:
Citi
Bank of America Merrill Lynch
Barclays
JPMorgan
Morgan Stanley
Wells Fargo Securities">JPM • BNP • CITI • CS • DB • BOAML • UBS • CMZ • CACIB • NBF • RBS</span>
      </div>
      <div class="role-actions">
        <div class="actions">
          <dl-button icon="func-link" title="Transaction Profile"></dl-button>
        </div>
        <div class="role">
          <span class="dl-tag-category" title="Acquiror Advisor">Acquiror Advisor</span>
        </div>
      </div>
    </div>
  </li>
  <li>
    <div class="dl-tile deal Expected">
      <span class="nationality CA" title="Nationality: CA"></span>
      <h2 class="company" title="Issuer: Bombardier Inc">Bombardier Inc</h2>
      <div>
        <span class="content" title="DCM-BOND-HY">DCM-BOND-HY</span>
      </div>
      <div>
        <span class="content multi">
          <span class="content" title="$1,000m">$1,000m</span>
          <span title="USD">USD</span>
        </span>
      </div>
      <div>
        <span class="content" title="Lead Banks:
Citi
Bank of America Merrill Lynch
Barclays
JPMorgan
Morgan Stanley
Wells Fargo Securities">POHJOLA • PARSEC</span>
      </div>
    </div>
  </li>
</ul>