Impacted Areas 68.0
Jan 29, 2026 • 4 minutes to readThis article lists product areas and functions that are affected by the Caspio 68.0 release.
What changes were made
As part of our ongoing accessibility compliance enhancements, Caspio 68.0 introduces several DOM-level updates that may affect some applications using custom HTML, CSS, or JavaScript. If your applications rely on specific DOM structures, class names, IDs, or pseudo-elements, review your custom code and make any necessary updates to ensure continued compatibility after your site is updated with the Caspio 68.0 release.
What you should do
If your applications include custom code that targets Caspio-generated markup, review and test your customizations after your site is updated to Caspio 68.0.
Grid Edit mode in Report DataPages (Bridge)
What changed
In grid edit mode in Bridge, a new CSS class is added to Bulk Edit link elements when the element is disabled:
Added class: cbResultSetGridActionLinkDisabled
Potential impact
This change may affect custom CSS or JavaScript that targets bulk edit links based on their previous class structure or disabled-state styling.
Markup changes
Before:
</li>
<a data-cb-name="BulkEditButton" href="javascript:void(0);" class="cbResultSetBulkEditActionLink " style="opacity: 0.3; text-decoration: none; cursor: default;">
<img title="Edit" alt="Edit" src="https://dev-test.dev.ucaspio.com/images/dp/RA_edit_pencil.png" style="vertical-align: text-bottom; border: 0px;">
</a>
<span> </span>
<a data-cb-name="BulkEditButton" title="Edit" href="javascript:void(0);" class="cbResultSetBulkEditActionLink " style="text-decoration: none; cursor: default;">Edit</a>
</li>
After:
<li>
<a data-cb-name="BulkEditButton" href="javascript:void(0);" class="cbResultSetBulkEditActionLink cbResultSetGridActionLinkDisabled" style="opacity: 0.3; text-decoration: none; cursor: default;">
<img title="Edit" alt="Edit" src="https://dev-test.dev.ucaspio.com/images/dp/RA_edit_pencil.png" style="vertical-align: text-bottom; border: 0px;">
</a>
<span> </span>
<a data-cb-name="BulkEditButton" title="Edit" href="javascript:void(0);" class="cbResultSetBulkEditActionLink cbResultSetGridActionLinkDisabled" style="text-decoration: none; cursor: default;">Edit</a>
</li>
Chart DataPages (Bridge)
What changed
For bar and column charts in Bridge, a new CSS class is added to <tspan> elements used for data labels when the label is displayed inside the bar or column:
Added class: cbHighChartsBarDataLabel
Potential impact
This change may affect custom styling or scripting that targets chart label elements.
Markup changes
Before:
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-0" data-z-index="1" transform="translate(861,3)">
<text x="5" data-z-index="1" style="font-size:12px;font-weight:normal;font-family:Arial;font-style:normal;color:#20282B;fill:#20282B;" y="17">
<tspan x="5" y="17" class="highcharts-text-outline " fill="#FFFFFF" stroke="none" stroke-width="2px" stroke-linejoin="round">4444444445</tspan>
<tspan x="5" y="17" stroke="none" 4444444445</tspan>
</text>
</g>
After:
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-0 cbHighChartsBarDataLabel" data-z-index="1" transform="translate(861,3)">
<text x="5" data-z-index="1" style="font-size:12px;font-weight:normal;font-family:Arial;font-style:normal;color:#20282B;fill:#20282B;" y="17">
<tspan x="5" y="17" class="highcharts-text-outline cbHighChartsBarDataLabel" fill="#FFFFFF" stroke="none" stroke-width="2px" stroke-linejoin="round">4444444445</tspan>
<tspan x="5" y="17" stroke="none" class="cbHighChartsBarDataLabel">4444444445</tspan>
</text>
</g>
Calendar DataPages in responsive mode (Bridge)
What changed
In Calendar DataPages, the weekday label in mobile responsive mode has been changed from a pseudo-element (::before) to a <span> element. Additional data attributes were added to support responsive visibility handling:
New element: <span class="cbResultSetCalendarFieldActiveDayName" ...>
New attributes: data-calendar-semantic-html-cell-label="", data-cb-responsive-enabled="true"
Potential impact
This change may affect custom CSS or JavaScript that relies on the previous pseudo-element or assumes a specific DOM structure.
Markup changes
Before:
<div class="cbResultSetCalendarField">3</div>
After:
<div class="cbResultSetCalendarField">
<span class="cbResultSetCalendarFieldActiveDayName"
data-calendar-semantic-html-cell-label=""
data-cb-responsive-enabled="true">Mon</span>
3
</div>
Tabular Report DataPage in responsive mode (Bridge)
What changed
In Tabular Report DataPages, cell labels in mobile responsive mode have been changed from a pseudo-element (::before) to a <span> element. A new data attribute and CSS class were added to support visibility control and styling:
New element: <span ... class="cbResultSetLabel">...</span>
New attribute: data-tabular-html-cell-label=""
Potential impact
This change may affect custom code that targets pseudo-elements or assumes a fixed DOM structure.
Markup changes
Before:
<td class="cbResultSetData cbResultSetTableCellNumberDate cbResultSetCalculatedField"> 2702 </td>
After:
<td class="cbResultSetData cbResultSetTableCellNumberDate cbResultSetCalculatedField">
<span data-tabular-html-cell-label="" class="cbResultSetLabel">
WhereAlex:
</span>
2702
</td>
Sign-Up Form DataPart (Flex)
What changed
In Sign-Up Form DataPart, the id attributes for the hidden fields associated with Roles and Groups have been updated to align with the naming convention used by other fields.
Potential impact
This change may affect custom CSS or JavaScript that references these fields by their previous IDs.
Markup changes
Before:
<input id=match-Roles-Roles-0345276dgvb23245b5344 type=hidden value name="Roles"> <input id=match-Groups-Groups-0345276dgvb23245b5344 type=hidden value name="Groups">
After:
<input id=Roles-0345276dgvb23245b5344 type=hidden value name="Roles"> <input id=Groups-0345276dgvb23245b5344 type=hidden value name="Groups">
