, 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); })(); Multilingual Learner (English Learner) Dashboard | Department of Education

fb88

Department of Education

Home → Multilingual Learner (English Learner) Dashboard → Multilingual Learner (English Learner) Dashboard

Multilingual Learner (English Learner) Dashboard

English Learners (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

Department of Education

Multilingual Learner (English Learner) Dashboard

See Also

Integrity of Data Disseminated in an Electronic Medium

Disclaimer: Data Limitations

fb88 DOE Data Privacy Information