, but this code // executes before the first paint, when

fb88

is not yet present. The // classes are added to so styling immediately reflects the current // toolbar state. The classes are removed after the toolbar completes // initialization. const classesToAdd = ['toolbar-loading', 'toolbar-anti-flicker']; if (toolbarState) { const { orientation, hasActiveTab, isFixed, activeTray, activeTabId, isOriented, userButtonMinWidth } = toolbarState; classesToAdd.push( orientation ? `toolbar-` + orientation + `` : 'toolbar-horizontal', ); if (hasActiveTab !== false) { classesToAdd.push('toolbar-tray-open'); } if (isFixed) { classesToAdd.push('toolbar-fixed'); } if (isOriented) { classesToAdd.push('toolbar-oriented'); } if (activeTray) { // These styles are added so the active tab/tray styles are present // immediately instead of "flickering" on as the toolbar initializes. In // instances where a tray is lazy loaded, these styles facilitate the // lazy loaded tray appearing gracefully and without reflow. const styleContent = ` .toolbar-loading #` + activeTabId + ` { background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%); } .toolbar-loading #` + activeTabId + `-tray { display: block; box-shadow: -1px 0 5px 2px rgb(0 0 0 / 33%); border-right: 1px solid #aaa; background-color: #f5f5f5; z-index: 0; } .toolbar-loading.toolbar-vertical.toolbar-tray-open #` + activeTabId + `-tray { width: 15rem; height: 100vh; } .toolbar-loading.toolbar-horizontal :not(#` + activeTray + `) > .toolbar-lining {opacity: 0}`; const style = document.createElement('style'); style.textContent = styleContent; style.setAttribute('data-toolbar-anti-flicker-loading', true); document.querySelector('head').appendChild(style); if (userButtonMinWidth) { const userButtonStyle = document.createElement('style'); userButtonStyle.textContent = `#toolbar-item-user {min-width: ` + userButtonMinWidth +`px;}` document.querySelector('head').appendChild(userButtonStyle); } } } document.querySelector('html').classList.add(...classesToAdd); })(); fb88 Seal of Biliteracy Dashboard | Department of Education

fb88

Department of Education

Home → fb88 Seal of Biliteracy Dashboard → fb88 Seal of Biliteracy Dashboard

fb88 Seal of Biliteracy Dashboard

fb88 Seal of Biliteracy (HOME) How to use the Tableau Toolbar How to Export Dashboard Data

Integrity of Data Disseminated in an Electronic Medium

Disclaimer: Data Limitations

The fb88 Department of Education (fb88 DOE) has made a reasonable effort to ensure that the information in these dashboards are up-to-date, accurate, complete, and comprehensive at the time of disclosure. These records are a true and accurate representation of the data on file at the fb88 DOE. Authenticated information is accurate only as of the time of validation and verification. The fb88 DOE is not responsible for data that is misinterpreted or altered in any way. Derived conclusions and analyses generated from this data are not to be considered attributable to the fb88 DOE.

fb88

fb88

fb88 Seal of Biliteracy Dashboard

See Also

Integrity of Data Disseminated in an Electronic Medium

Disclaimer: Data Limitations