Version:

Edit Action in Header

This material pertains to version 4.0 of Blackbaud CRM SDK.

With the TILEEDITACTION CSS class, you can display an Edit action in a tile header. This class is available in a tags.

For example, to insert an edit action in the header, the out-of-the-box Addresses tile specifies the TILEEDITACTION CSS class within the a tag that contains the EDIT_action that opens the Edit address screen.

<div id="#MAP#ConstituentSummaryAddressesTileViewForm" class="#MAP#TILEIMPLEMENTATION">
    <div class="bbui-forms-fieldset-row">
        <div id="#MAP#ADDRESSLINK_container" class="bbui-forms-fieldset-column TILEHEADERLINKCONTAINER">
            <a id="#MAP#ADDRESSESLINK_action" class="#MAP#BOLD"></a>
        </div>
        <div class="bbui-forms-fieldset-column TILEADDACTIONCONTAINER">
            <a id="#MAP#ADDADDRESS_action" class="TILEADDACTION"></a>
        </div>
        <div id="#MAP#EDIT_container" class="bbui-forms-fieldset-column">
            <a id="#MAP#EDIT_action" class="TILEEDITACTION"></a>
        </div>

With the bbui-forms-summarytile-editaction CSS class, you can display an Edit action in a tile header. This class is available in a tags.

Note: For Blackbaud CRM 4.0 Service Pack 4, the bbui-forms-summarytile-editaction CSS class replaces the TILEEDITACTION CSS class. The old CSS class still works as before for constituent tiles, but we recommend that you update custom tiles to reference the new style so that as new features come in, you can take advantage of them in your tiles.

For example, to insert an edit action in the header, the out-of-the-box Addresses tile specifies the bbui-forms-summarytile-editaction CSS class within the a tag that contains the EDIT_action that opens the Edit address screen.

<div id="#MAP#ConstituentSummaryAddressesTileViewForm">
    <div class="bbui-forms-fieldset-row">
        <div id="#MAP#ADDRESSLINK_container" class="bbui-forms-fieldset-column bbui-forms-summarytile-headerlinkcontainer">
            <a id="#MAP#ADDRESSESLINK_action" class="#MAP#BOLD"></a>
        </div>
        <div class="bbui-forms-fieldset-column bbui-forms-summarytile-addactioncontainer">
            <a id="#MAP#ADDADDRESS_action" class="bbui-forms-summarytile-addaction"></a>
        </div>
        <div id="#MAP#EDIT_container" class="bbui-forms-fieldset-column">
            <a id="#MAP#EDIT_action" class="bbui-forms-summarytile-editaction"></a>
        </div>