Release Notes
Version 2.26.1 (veröffentlicht 27.02.2024)
Anmerkungen
Entfernte Dateien:
- skriptHeadVendor.js
- skriptBottomVendor.js
SKS-883
Das notwendige Attribut "aria-expanded" wurde ergänzt.
<input id="glohea-search" aria-expanded='false' name="searchTerm" type="text" class="form-control input-search" placeholder="Wonach suchen Sie?" data-suggest="https://search.sachsen.de/genericsearch-api/suggest" autocomplete="off" title="Suchbegriff" aria-autocomplete="list" role="combobox" aria-haspopup="listbox">
SKS-842
Im Datenschutz-Overlay ist der freizuschaltende Dienst bereits ausgewählt und wird hervorgehoben.
if(openedCookie) {
getElement('viewScrollarea').scrollTop(getElement('focusedCookie').offset().top);
if (openedCookie) {
var $focusedCookie = getElement('focusedCookie');
getElement('viewScrollarea').scrollTop($focusedCookie.offset().top);
setTimeout(function() {
if ($focusedCookie.length > 0) {
var $checkbox = $focusedCookie.find('input[type="checkbox"]');
if ($checkbox.length > 0 && !$checkbox.prop('checked')) {
$checkbox.prop('checked', true);
}
}
}, 800);
}
SKS-729
Es wurde eine eigene CSS-Klasse zum Angleichen der Höhe hinzugefügt.
<div class="row row-2-cols row-equal-height">
<div class="col">
<article class="box">
...
</article>
</div>
<div class="col">
<article class="box">
...
</article>
</div>
</div>
Version 2.26.0 (veröffentlicht 10.07.2023)
Anmerkungen
SKS-130
Folgende Bibliotheken wurden entfernt:
- ekko-lightbox
- jquery.panzoom
- rwdImage
SKS-731
<article class="rsSlideImage" data-element="rsSlide" id="highlight-slide-123" tabindex="-1">
<article class="rsSlideImage" data-element="rsSlide" id="highlight-slide-123" tabindex="-1" data-slide-backdrop="{{ Sliderbild }}">
<div class="rsSlideContent">
<div class="rsText">
SKS-8
<div class="box">
<div class="box-body" data-component="67187768766">
<script type="text/javascript">
window.additionalComponent.load('suche', {
el: '[data-component="67187768766"]',
component: 'bar',
wrapper: '[data-element="search-row"]',
resultWrapper: '[data-search-result="67187768766"]',
filterWrapper: '[data-search-filter="67187768766"]',
id:'67187768766'
window.additionalComponent.load('search').then(function() {
window.search = new sachsen.search.Class({
bar: '[data-component="67187768766"]',
results: '[data-search-result="67187768766"]',
portals: '[data-search-portals="67187768766"]',
extended: '[data-search-extended="67187768768"]',
selectLanguage: '[data-search-select-language="67187768766"]'
});
});
</script>
<ul class="search-form-supporter">
<div class="col-wide">
<div class="box">
<div data-search-select-language="67187768766"></div>
<div data-search-result="67187768766" aria-live="assertive"></div>
</div>
</div>
</div>
<div class="content-col-small">
<div class="row">
<!-- ### Suchfilter2 ### -->
<div class="col">
<div class="box box-bordered">
<h2 class="box-header">Erweiterte Filter</h2>
<div class="box-body" data-search-extended="67187768768">
<p>Über weitere Filtermöglichkeiten können Sie die Suchergebnisse noch weiter eingrenzen.</p>
<!-- <div data-element="data-search-extended-active"></div> -->
<div class="form-group">
<strong class="control-label">Typ</strong>
<div class="form-group-content">
<div class="radio">
<label data-value="null" data-search-extended-filter="type"><input type="radio" name="search-type" /><span class="switch-slider"></span><span>Alle Typen</span></label>
</div>
<div class="radio">
<label data-value="website" data-search-extended-filter="type"><input type="radio" name="search-type" /><span class="switch-slider"></span><span>Website</span></label>
</div>
<div class="radio">
<label data-value="document" data-search-extended-filter="type"><input type="radio" name="search-type" /><span class="switch-slider"></span><span>Dokumente</span></label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
SKS-813
<div id="collapse-search-slider" class="collapse collapse-small collapse-search" aria-labelledby="glohea-btn-search">
<div class="form-group">
<label for="glohea-search" class="sr-only">Suchbegriff</label>
<input id="glohea-search" name="searchTerm" type="text" class="form-control input-search" placeholder="Wonach suchen Sie?" data-suggest="https://search.sachsen.de/web/suggest" autocomplete="off" title="Suchbegriff" aria-autocomplete="list" role="combobox" aria-haspopup="listbox">
<input id="glohea-search" name="searchTerm" type="text" class="form-control input-search" placeholder="Wonach suchen Sie?" data-suggest="https://search.sachsen.de/genericsearch-api/suggest" autocomplete="off" title="Suchbegriff" aria-autocomplete="list" role="combobox" aria-haspopup="listbox">
</div>
<button type="submit" class="btn btn-search-submit sn-icon sn-icon-search-white sn-icon-center" title="Suche starten">
<span class="sr-only">Suche starten<span>
Version 2.25.1 (veröffentlicht 30.03.2023)
Anmerkungen
SKS-787
Die zentral abgelegte JSONP-Datei (auch als Chronik-Basis bezeichnet) wurde entfernt. Der Inhalt dieser Datei wird nach folgendem Muster in den Quellcode der Chronik-Einstiegsseite (auch Mutter-Chronik) eingefügt:
<!-- sn_chronik--data::start -->
<script>
// Inhalt der Chronik-Basis:
chronikData = function() {...};
</script>
<!-- sn_chronik--data::end -->
Der Pfad zur Chronik-Basis in den einzelnen Verwendungen wird zusätzlich auf die URL der Chronik-Einstiegsseite gesetzt.
<script type="text/javascript">
window.additionalComponent.load('chronik', {
el: '[data-component="15379"]'
});
</script>
<div class="chronik-wrapper hidden-print" data-element="chronik-wrapper" data-selected="F3A3D47BF7844B55B40D85EE817A52D0" data-absolute-margin="280px" data-absolute="" data-absolute-before="#page-title">
<a id="a-15379"></a>
<script id="chronik15379" data-component="15379" type="application/json" data-src="/js/chronik/mp.json"></script>
<script id="chronik15379" data-component="15379" type="application/json" data-src="/termine-5837.html"></script>
</div>
Version 2.25.0 (veröffentlicht 06.12.2022)
Anmerkungen
SKS-642
<div class="col">
<article class="box box-unbordered box-social sn_privacyblock">
<script type="text/javascript">
window.additionalComponent.load('privacyblock').then(function() {
$('[data-component="6316452"]').sn_privacyblock({
content: ``,
cookie: 'twitter'
});
});
</script>
<div class="box-body">
<div class="box-media">
<div data-component="6316452"></div>
</div>
</div>
</article>
</div>
Zeile 6: Quellcode von Twitter oder Facebook zum Teilen eines einzelnen Beitrags
Zeile 7: "twitter" oder "facebook" zur Zuordnung zu einem Eintrag des Datenschutz-Overlays
Version 2.24.0 (veröffentlicht 30.06.2022)
Anmerkungen
SKS-580
Für die Anzeige im Datenschutz-Modal, weisen die Seiten im Styleguide darauf hin, wo sich die Seiten "Datenschutz", "Impressum" und "Barrierefreiheit" befinden. Diese Verweise werden dann im Datenschutz-Modal als Verweisziel der entsprechenden Verweise verwendet.
Werden keine Verweise gegeben, wird auf die zentralen Seiten von www.sachsen.de verwiesen.
Folgender Quellcode muss im head der Seite eingefügt werden und dient der Definition eigener Verweise:
<script>
window.sn_projectPages = {
datenschutz: '/datenschutz.html',
impressum: '/impressum.html',
barrierefreiheit: '/barrierefreiheit.html'
};
</script>
Das Datenschutz-Modal ist bei jedem sachsen.de - Portal mit den Cookie-Einträgen gefüllt, die zentral vom Styleguide kommen. Werden auf einer Seite zusätzliche Cookies gespeichert, müssen diese registriert werden.
Folgender Quellcode muss im head der Seite eingefügt werden und dient der Einordnung des projekteigenen Cookies in eine der drei Cookie-Kategorien im Datenschutz-Modal.
<script>
window.customCookies = [
{ // ein Eintrag je Cookie
id: 'JSESSIONID', // Name des gespeicherten Cookies
label: 'Anzeige des Wetter Widgets', // Beschriftung / Erklärung wofür der Cookie gespeichert werden soll
type: 'system', // Einordnung in Cookie-Kategorien: "system", "functional" oder "social"
active: true // soll die Auswahl für den Nutzer, bei Minimalauswahl, aktiv im Modal sein
}
];
</script>
Die Überprüfung, ob der projekteigene Cookie akzeptiert wurde, erfolgt über die JavaScript-Funktion »sachsen.privacy.isAccepted«.
Bei Speichern der Datenschutzeinstellung durch den Nutzer, wird man über das JS-Event »sn-ev.privacyChanged« über eine Änderung informiert.
$(window).on('sn-ev.privacyChanged', function() {
if(sachsen.privacy.isAccepted('sn_contrast')) {
// wird ausgeführt, wenn der Cookie "sn_contrast" akzeptiert wurde
}
});
Version 2.23.0 (veröffentlicht 05.04.2022)
Anmerkungen
SKS-644
<script>
window.additionalComponent.load('slider', {
component: 'highlight',
el: '[data-component="12345"]'
});
</script>
<a id="a-12345"></a>
<div class="slider-default hidden-print">
<div id="slider-focus-list" class="sr-only" data-element="focusEls">
<h2>Schnelleinstieg der Themen</h2>
<ul></ul>
</div>
<aside class="list-slider royalSlider rsSachsen rsHighlight rsAutoPlay" data-slider="default" id="slider-12345" data-component="12345">
<!-- Quellcode der Slides -->
</aside>
</div>
Version 2.22.0 (veröffentlicht 19.01.2022)
Anmerkungen
SKS-551 Bilderslides
<div data-element="rsSlide">
<div class="rsSlideContent">
<!-- -->
<!-- Markup für die Darstellung im Vollbildmodus -->
<!-- -->
<div class="rsOnlyFullscreen rsAdditionalInfo">
<span class="rsSlideCount"><span data-slide-count></span> / <span data-slide-length></span></span>
<div class="rsSlideShareWrapper"
data-toggle="tooltip"
data-placement="bottom"
title="Bild in sozialen Medien teilen">
<div class="rsSlide shareWrapper">
<div id="collapseShare-2721"
class="collapse collapseShare"
aria-labelledby="headingShare-2721"
data-collapse-noscroll>
data-collapse-noscroll
aria-expanded="false">
<input type="text"
value="http://www.sachsen.de/img/beispiel_bild.jpg" />
value="http://www.sachsen.de/img/beispiel_bild.jpg" data-element="shareInput" />
</div>
<button id="headingShare-2721"
class="rsSlideShare"
data-toggle="collapse"
data-target="#collapseShare-2721"
aria-expanded="false"
aria-controls="collapseShare-2721"/>
data-no-persistence></button>
</div>
<!-- optional: -->
<a href="/termin-123456.html" class="btn btn-primary rsButtonDetail" title="Zum Termin des aktuellen Eintrags">Zum Termin des aktuellen Eintrags</a>
</div>
<!-- -->
<!-- Bildbeschreibungstext -->
<!-- -->
<div aria-hidden="true"
class="rsText rsTextOversized"
<div class="rsText"
id="rsText-2721">(© Vorname Nachname)
<p>Bildunterschrift.</p>
</div>
<!-- -->
<!-- Definition des responsiven Bildes -->
<!-- -->
<div class="rsImage">
<noscript>
<img class="media-object rsImg"
src="http://www.sachsen.de/img/beispiel_bild.jpg"
alt="Landtag"
style="width: 100%" />
</noscript>
<img class="media-object hidden-no-js rsImg"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
alt="Landtag"
data-caption="Bildbeschreibung"
data-src="http://www.sachsen.de/img/beispiel_bild.jpg" data-src-maxwidth="675"
data-src="http://www.sachsen.de/img/beispiel_bild.jpg" data-src-maxwidth="1001"
data-srcset="http://www.sachsen.de/img/beispiel_bild_300x177.jpg 300w,
http://www.sachsen.de/img/beispiel_bild_580x342.jpg 580w,
http://www.sachsen.de/img/beispiel_bild.jpg 675w,
http://www.sachsen.de/img/beispiel_bild.jpg 675w,
http://www.sachsen.de/img/beispiel_bild.jpg 675w,
http://www.sachsen.de/img/beispiel_bild.jpg 675w,
http://www.sachsen.de/img/beispiel_bild.jpg 675w"
data-srcset="http://www.sachsen.de/img/beispiel_bild.jpg 300w,
http://www.sachsen.de/img/beispiel_bild.jpg 580w,
http://www.sachsen.de/img/beispiel_bild.jpg 730w,
http://www.sachsen.de/img/beispiel_bild.jpg 1095w,
http://www.sachsen.de/img/beispiel_bild.jpg 1240w,
http://www.sachsen.de/img/beispiel_bild.jpg 1460w,
http://www.sachsen.de/img/beispiel_bild.jpg MAXIMALw"
data-grid-image="true"
data-size="size-xs-full"
data-rsBigImg="http://www.sachsen.de/img/beispiel_bild.jpg" />
</div>
</div>
</div>
SKS-536
<div id="collapseFooter1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingFooter1">
<div id="collapseFooter1" class="panel-collapse collapse in" role="region" aria-labelledby="headingFooter1">
<div class="panel-body">
<div class="media owner vcard">
<div class="pull-left owner-img">
<img class="svg-img" src="./img/symbols/svg/logo-sachsen-emblem.svg" alt="Wappen vom Freistaat Sachsen" />
</div>
<div class="media-body owner-text">
<address class="media-body owner-text">
<p class="owneradress">
<a class="url fn org" href="http://www.sk.sachsen.de">Sächsische Staatskanzlei</a>
<span class="adr">
<span class="street-address">Archivstr. 1</span><br />
<span class="postal-code">01097</span> <span class="locality">Dresden</span>
</span>
</p>
<table class="table-unstyled">
<tbody>
<tr class="tel"><th class="type">Telefon </th><td class="value"><span class="nobr"><a href="tel:+493515640">+49 351 564-0</a></span></td></tr>
<tr class="tel"><th class="type">Telefax </th><td class="value"><span class="nobr">+49 351 564-1025</span></td></tr>
<tr><th>E-Mail </th><td><a href="mailto:info@sk.sachsen.de" class="email">info@sk.sachsen.de</a></td></tr>
</tbody>
</table>
</div>
</address>
</div>
</div>
</div>
SKS-533
SKS-535
SKS-550
Zeile 1-191 sind mit Zeile 193-439 zu ersetzen.
<header id="header" class="glohea glohea-theme-xs-slides glohea-theme-sm-slides glohea-theme-md-dropdown glohea-theme-lg-dropdown">
<!-- BG = Hintergrund mit Farbwert + links rechts -->
<a id="a-glohea" class="sr-only">Portalübergreifende Navigation</a>
<div class="container glohea-container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="row">
<div class="navbar-header glohea-header">
<div class="row">
<a href="http://www.sachsen.de/" title="sachsen.de" class="navbar-brand glohea-brand"><img class="logo svg-img" src="https://www.justiz.sachsen.de/styleguide/2.21.1/img/symbols/svg/logo-sachsen.svg" alt="Zur Startseite von www.sachsen.de"></a> <button type="button" class="glohea-button-navtoggle navbar-toggle collapsed" data-toggle="collapse" data-target-on-ready="#glohea-collapse-0" aria-expanded="false" data-element="glohea-mobile-trigger" aria-label="mobile Navigation öffnen" title="mobile Navigation öffnen" tabindex="-1"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="glyphicon glyphicon-remove"></span></button>
<ul class="glohea-button-wrapper nav">
<li><button id="glohea-btn-search" class="glohea-button glohea-button-search sn-icon sn-icon-search-white sn-icon-center" type="button" data-toggle="collapse" aria-haspopup="true" aria-expanded="false" data-target="#collapse-search-slider" data-element="glohea-search-collapse-trigger" title="Suche starten"><span class="sr-only">Suche starten</span></button></li>
<li><button id="glohea-btn-tools" class="glohea-button hidden-md hidden-lg sn-icon sn-icon-app-menu-white sn-icon-center" type="button" data-toggle="collapse" aria-haspopup="true" aria-expanded="false" data-target="#collapse-tools" data-element="glohea-tools-collapse-trigger" title="Erweiterungen öffnen"><span class="sr-only">Erweiterungen öffnen</span></button></li>
</ul>
</div>
</div><!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse glohea-level-0-collapse" id="glohea-collapse-0" data-element="glohea-slidescroll">
<div class="row" data-element="glohea-slidescroll-row">
<nav class="glohea-level-1" data-element="glohea-container-wrapper" aria-labelledby="a-glohea">
<div class="glohea-slide-label glohea-label-right" data-element="triggerCollapseSlider" data-target="global">
<span class="glyphicon glyphicon-plus"></span><span class="glohea-label">sachsen.de</span>
</div>
<div class="glohea-level-1-list" data-element="glohea-item-container" data-type="global">
<ul class="nav nav-justified">
<li class="dropdown glohea-level-1-item" data-element="glohea-level-1-item">
<button id="glohea-level-1-link-sachsen" class="dropdown-toggle glohea-level-1-link" data-element="glohea-level-1-link" type="button" data-toggle="collapse" data-target-on-ready="#glohea-collapse-sachsen" aria-expanded="false" aria-controls="glohea-collapse-sachsen">Sachsen</button>
<div id="glohea-collapse-sachsen" class="collapse glohea-collapse" data-element="glohea-level-1-collapse" aria-labelledby="glohea-level-1-link-sachsen">
<div class="glohea-content-wrapper">
<div class="glohea-content-row">
<div class="glohea-col-desktop">
<ul class="nav list-links">
...
</ul>
</div>
<div class="glohea-col-desktop">
<ul class="nav list-links">
...
</ul>
</div>
<div class="glohea-col-teaser">
<div class="media">
<div class="media-left"><img class="media-object" src="https://www.justiz.sachsen.de/styleguide/2.21.1/img/content/navigation.png" alt=""></div>
<div class="media-body">
<h3>Der Freistaat Sachsen</h3>
<p>ist mit etwa vier Millionen Einwohnern das sechstgrößte Bundesland. Landeshauptstadt ist Dresden.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="dropdown glohea-level-1-item navbar-portal" data-element="glohea-level-1-item">
<button id="glohea-level-1-link-politik" class="dropdown-toggle glohea-level-1-link" data-element="glohea-level-1-link" type="button" data-toggle="collapse" data-target-on-ready="#glohea-collapse-politik" aria-expanded="false" aria-controls="glohea-collapse-politik">Politik und Verwaltung</button>
<div id="glohea-collapse-politik" class="collapse glohea-collapse" data-element="glohea-level-1-collapse" aria-labelledby="glohea-level-1-link-politik">
<div class="glohea-content-wrapper">
<div class="glohea-content-row">
<div class="glohea-col-desktop">
<span class="glohea-group-label-desktop">Ministerpräsident</span> <span class="glohea-group-label" role="button" data-toggle="collapse" aria-expanded="true" data-target="#collapse-ministerpraesident" data-element="glohea-level-2-link">Ministerpräsident</span>
<div id="collapse-ministerpraesident" class="collapse glohea-group">
<ul class="nav list-links">
...
</ul>
</div><span class="glohea-group-label-desktop">Regierung</span> <span class="glohea-group-label" role="button" data-toggle="collapse" aria-expanded="true" data-target="#collapse-regierung" data-element="glohea-level-2-link">Regierung</span>
<div id="collapse-regierung" class="collapse glohea-group">
<ul class="nav list-links">
...
</ul>
</div>
</div><span class="glohea-group-label" role="button" data-toggle="collapse" aria-expanded="true" data-target="#collapse-ministerien" data-element="glohea-level-2-link">Ministerien</span>
<div id="collapse-ministerien" class="collapse glohea-group">
<div class="glohea-col-desktop">
<span class="glohea-group-label-desktop">Ministerien</span>
<ul class="nav list-links">
...
</ul>
</div>
<div class="glohea-col-desktop">
<ul class="nav list-links">
...
</ul>
</div>
</div><span class="glohea-group-label" role="button" data-toggle="collapse" aria-expanded="true" data-target="#collapse-europa" data-element="glohea-level-2-link">Sachsen in Berlin und Europa</span>
<div id="collapse-europa" class="collapse glohea-group">
<div class="glohea-col-desktop">
<span class="glohea-group-label-desktop">Sachsen in Berlin und Europa</span>
<ul class="nav list-links">
...
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="dropdown glohea-level-1-item" data-element="glohea-level-1-item">
<button id="glohea-level-1-link-themen" class="dropdown-toggle glohea-level-1-link" data-element="glohea-level-1-link" type="button" data-toggle="collapse" data-target-on-ready="#glohea-collapse-themen" aria-expanded="false" aria-controls="glohea-collapse-themen">Themen</button>
<div id="glohea-collapse-themen" class="collapse glohea-collapse" data-element="glohea-level-1-collapse" aria-labelledby="glohea-level-1-link-themen">
<div class="glohea-content-wrapper">
<div class="glohea-content-row">
<div class="glohea-col-desktop">
<span class="glohea-group-label-desktop">Themenauswahl</span>
<ul class="nav list-links">
...
</ul>
</div>
<div class="glohea-col-desktop">
<ul class="nav list-links">
...
</ul>
</div>
<div class="glohea-col-desktop">
<ul class="nav list-links">
...
</ul>
</div>
<div class="glohea-col-desktop">
<ul class="nav list-links">
...
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="dropdown glohea-level-1-item" data-element="glohea-level-1-item">
<button id="glohea-level-1-link-service" class="dropdown-toggle glohea-level-1-link" data-element="glohea-level-1-link" type="button" data-toggle="collapse" data-target-on-ready="#glohea-collapse-buergerservice" aria-expanded="false" aria-controls="glohea-collapse-buergerservice">Service</button>
<div id="glohea-collapse-buergerservice" class="collapse glohea-collapse" data-element="glohea-level-1-collapse" aria-labelledby="glohea-level-1-link-service">
<div class="glohea-content-wrapper">
<div class="glohea-content-row">
<span class="glohea-group-label" role="button" data-toggle="collapse" aria-expanded="true" data-target="#collapse-service" data-element="glohea-level-2-link">Serviceportale</span>
<div id="collapse-service" class="collapse glohea-group">
<div class="glohea-col-desktop">
<span class="glohea-group-label-desktop">Serviceportale</span>
<ul class="nav list-links">
...
</ul>
</div>
<div class="glohea-col-desktop">
<ul class="nav list-links">
...
</ul>
</div>
<div class="glohea-col-desktop">
<ul class="nav list-links">
...
</ul>
</div>
<div class="glohea-col-desktop">
<ul class="nav list-links">
...
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="glohea-slide-greyback" data-element="glohea-greyback"></div>
</nav><!--<script type="text/json" data-element="global-header-data"></script>-->
</div>
</div><!-- /.navbar-collapse -->
<form class="glohea-form" role="search" action="/smj/suche.html" method="get" data-element="glohea-search">
<input type="hidden" name="bereich" value="Regierung, Verwaltung, E-Government"> <input type="hidden" name="portal" value="Sächsisches Staatsministerium der Justiz und für Demokratie, Europa und Gleichstellung">
<div id="collapse-search-slider" class="collapse collapse-small collapse-search" aria-labelledby="glohea-btn-search">
<div class="form-group">
<label for="glohea-search" class="sr-only">Suchbegriff</label> <input id="glohea-search" name="searchTerm" type="text" class="form-control input-search" placeholder="Wonach suchen Sie?" data-suggest="https://search.sachsen.de/web/suggest" autocomplete="off" title="Suchbegriff">
</div><button type="submit" class="btn btn-search-submit sn-icon sn-icon-search-white sn-icon-center" title="Suche starten"><span class="sr-only">Suche starten</span></button>
</div>
</form>
<div class="glohea-tools">
<button id="glohea-btn-tools-desktop" class="glohea-button visible-md visible-lg sn-icon sn-icon-app-menu-white sn-icon-center" type="button" data-toggle="collapse" aria-haspopup="true" aria-expanded="false" data-target="#collapse-tools" data-element="glohea-tools-collapse-trigger" title="Erweiterungen öffnen"><span class="sr-only">Erweiterungen öffnen</span></button>
<div id="collapse-tools" class="collapse collapse-small collapse-tools" aria-labelledby="glohea-btn-tools">
<div class="container-tools">
<ul class="row" data-element="glohea-tools"></ul>
</div>
</div>
</div>
</div>
<div class="row glohea-deko-row">
<h1 id="portal-title" class="portal-link glohea-deko-left" data-element="glohea-deco-left"><span class="sn-icon sn-icon-home icon-home">Sächsisches Staatsministerium der Justiz und für Demokratie, Europa und Gleichstellung</span></h1><!-- 4A7B13AD5C984CF99E5041B80A92ED10 - 66FAE97FD6C547D8B70F2E1788CFE944 -->
<div class="themenbaum-wrapper" data-element="glohea-themenbaum">
<div class="themenbaum dropdown glohea-deko-right" data-element="glohea-deco-right">
<button type="button" id="button-themenbaum" class="button-themenbaum" data-toggle="collapse" data-target="#themenbaum-container" aria-expanded="false" aria-controls="themenbaum-container" aria-haspopup="true">Übergeordnete Seiten</button>
</div>
</div>
<div class="glohea-bitv-buttons" data-element="glohea-bitv-button-wrapper"></div>
</div>
</div>
</header>
<header id="header" class="glohea glohea-theme-xs-slides glohea-theme-sm-slides glohea-theme-md-dropdown glohea-theme-lg-dropdown"><!-- BG = Hintergrund mit Farbwert + links rechts -->
<a id="a-glohea" class="sr-only">portalübergreifende Navigation</a>
<!--<div class="glohea-deko-container container"></div> <!– BG = zentraler Container mit Farbwert + links zentrum rechts –>-->
<div class="container glohea-container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="row" style="text-align: right;">
<a href="http://www.sachsen.de/" title="sachsen.de Sachsens schönste Seiten" class="navbar-brand glohea-brand">
<img class="logo svg-img" src="./img/symbols/svg/logo-sachsen.svg" alt="Zur Startseite von www.sachsen.de" />
</a>
<!-- Collect the nav links, forms, and other content for toggling -->
<button type="button" class="sn_glohea__button sn_glohea__button--toggle-nav navbar-toggle collapsed" data-toggle="collapse" data-target-on-ready="#glohea-collapse-0" aria-expanded="false" data-element="glohea-mobile-trigger" aria-label="mobile Navigation öffnen" title="mobile Navigation öffnen" aria-controls="glohea-collapse-0">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="glyphicon glyphicon-remove"></span>
</button><!--
--><div class="collapse navbar-collapse glohea-level-0-collapse" id="glohea-collapse-0" data-element="glohea-slidescroll">
<div class="row" data-element="glohea-slidescroll-row">
<nav class="glohea-level-1" data-element="glohea-container-wrapper" aria-labelledby="a-glohea">
<div class="glohea-slide-label glohea-label-right" data-element="triggerCollapseSlider" data-target="global">
<span class="glyphicon glyphicon-plus"></span><span class="glohea-label">sachsen.de</span>
</div>
<div class="glohea-level-1-list" data-element="glohea-item-container" data-type="global">
<ul class="nav nav-justified">
<li class="dropdown glohea-level-1-item" data-element="glohea-level-1-item">
<button id="glohea-level-1-link-sachsen" class="dropdown-toggle glohea-level-1-link" data-element="glohea-level-1-link" type="button" data-toggle="collapse" data-target-on-ready="#glohea-collapse-sachsen" aria-expanded="false" aria-controls="glohea-collapse-sachsen">
Sachsen
</button>
<div id="glohea-collapse-sachsen" class="collapse glohea-collapse" data-element="glohea-level-1-collapse" aria-labelledby="glohea-level-1-link-sachsen">
<div class="glohea-content-wrapper">
<div class="glohea-content-row">
<div class="glohea-col-desktop">
<ul class="nav list-links">
...
</ul>
</div>
<div class="glohea-col-desktop">
<ul class="nav list-links">
...
</ul>
</div>
<div class="glohea-col-teaser">
<div class="media">
<div class="media-left">
<img class="media-object" src="./img/content/navigation.png" alt="Panoramaaufnahme der Dresdener Altstadt" />
</div>
<div class="media-body">
<h3>Der Freistaat Sachsen</h3>
<p>ist mit etwa vier Millionen Einwohnern das sechstgrößte Bundesland. Landeshauptstadt ist Dresden.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="dropdown glohea-level-1-item navbar-portal" data-element="glohea-level-1-item">
<button id="glohea-level-1-link-politik" class="dropdown-toggle glohea-level-1-link" data-element="glohea-level-1-link" type="button" data-toggle="collapse" data-target-on-ready="#glohea-collapse-politik" aria-expanded="false" aria-controls="glohea-collapse-politik">
Politik und Verwaltung
</button>
<div id="glohea-collapse-politik" class="collapse glohea-collapse" data-element="glohea-level-1-collapse" aria-labelledby="glohea-level-1-link-politik">
<div class="glohea-content-wrapper">
<div class="glohea-content-row">
<div class="glohea-col-desktop">
<span class="glohea-group-label-desktop">Ministerpräsident</span>
<span class="glohea-group-label" role="button" data-toggle="collapse" aria-expanded="true" data-target="#collapse-ministerpraesident" data-element="glohea-level-2-link">
Ministerpräsident
</span>
<div id="collapse-ministerpraesident" class="collapse glohea-group">
<ul class="nav list-links">
...
</ul>
</div>
<span class="glohea-group-label-desktop">Regierung</span>
<span class="glohea-group-label" role="button" data-toggle="collapse" aria-expanded="true" data-target="#collapse-regierung" data-element="glohea-level-2-link">
Regierung
</span>
<div id="collapse-regierung" class="collapse glohea-group">
<ul class="nav list-links">
...
</ul>
</div>
</div>
<span class="glohea-group-label" role="button" data-toggle="collapse" aria-expanded="true" data-target="#collapse-ministerien" data-element="glohea-level-2-link">
Ministerien
</span>
<div id="collapse-ministerien" class="collapse glohea-group">
<div class="glohea-col-desktop">
<span class="glohea-group-label-desktop">Ministerien</span>
<ul class="nav list-links">
...
</ul>
</div>
<div class="glohea-col-desktop">
<ul class="nav list-links">
...
</ul>
</div>
</div>
<span class="glohea-group-label" role="button" data-toggle="collapse" aria-expanded="true" data-target="#collapse-europa" data-element="glohea-level-2-link">
Sachsen in Berlin und Europa
</span>
<div id="collapse-europa" class="collapse glohea-group">
<div class="glohea-col-desktop">
<span class="glohea-group-label-desktop">Sachsen in Berlin und Europa</span>
<ul class="nav list-links">
...
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="dropdown glohea-level-1-item" data-element="glohea-level-1-item">
<button id="glohea-level-1-link-themen" class="dropdown-toggle glohea-level-1-link" data-element="glohea-level-1-link" type="button" data-toggle="collapse" data-target-on-ready="#glohea-collapse-themen" aria-expanded="false" aria-controls="glohea-collapse-themen">
Themen
</button>
<div id="glohea-collapse-themen" class="collapse glohea-collapse" data-element="glohea-level-1-collapse" aria-labelledby="glohea-level-1-link-themen">
<div class="glohea-content-wrapper">
<div class="glohea-content-row">
<div class="glohea-col-desktop">
<span class="glohea-group-label-desktop">Themenauswahl</span>
<ul class="nav list-links">
...
</ul>
</div>
<div class="glohea-col-desktop">
<ul class="nav list-links">
...
</ul>
</div>
<div class="glohea-col-desktop">
<ul class="nav list-links">
...
</ul>
</div>
<div class="glohea-col-desktop">
<ul class="nav list-links">
...
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="dropdown glohea-level-1-item" data-element="glohea-level-1-item">
<button id="glohea-level-1-link-service" class="dropdown-toggle glohea-level-1-link" data-element="glohea-level-1-link" type="button" data-toggle="collapse" data-target-on-ready="#glohea-collapse-buergerservice" aria-expanded="false" aria-controls="glohea-collapse-buergerservice">
Service
</button>
<div id="glohea-collapse-buergerservice" class="collapse glohea-collapse" data-element="glohea-level-1-collapse" aria-labelledby="glohea-level-1-link-service">
<div class="glohea-content-wrapper">
<div class="glohea-content-row">
<span class="glohea-group-label" role="button" data-toggle="collapse" aria-expanded="true" data-target="#collapse-service" data-element="glohea-level-2-link">
Serviceportale
</span>
<div id="collapse-service" class="collapse glohea-group">
<div class="glohea-col-desktop">
<span class="glohea-group-label-desktop">Serviceportale</span>
<ul class="nav list-links">
...
</ul>
</div>
<div class="glohea-col-desktop">
<ul class="nav list-links">
...
</ul>
</div>
<div class="glohea-col-desktop">
<ul class="nav list-links">
...
</ul>
</div>
<div class="glohea-col-desktop">
<ul class="nav list-links">
...
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="glohea-slide-greyback" data-element="glohea-greyback"></div>
</nav>
</div>
</div><!-- /.navbar-collapse --><!--
--><button id="glohea-btn-search" class="sn_glohea__button sn_glohea__button--toggle-search" type="button" data-toggle="collapse" aria-haspopup="true" aria-expanded="false" data-target="#collapse-search-slider" data-element="glohea-search-collapse-trigger" title="Suche öffnen" aria-controls="collapse-search-slider">
<i aria-label="Suche öffnen" class="sn-icon sn-icon-search-white sn-icon-center"></i>
</button><!--
--><form class="glohea-form" role="search" action="" method="get" data-element="glohea-search"><!--navbar-element-slider-->
<input type="hidden" name="bereich" value="Justiz, Sicherheit, Steuern, Finanzen" />
<input type="hidden" name="portal" value="LandesPräventionstag (LPT)" />
<div id="collapse-search-slider" class="collapse collapse-small collapse-search" aria-labelledby="glohea-btn-search">
<div class="form-group">
<label for="glohea-search" class="sr-only">Suchbegriff</label>
<input id="glohea-search" name="searchTerm" type="text" class="form-control input-search" placeholder="Wonach suchen Sie?" data-suggest="https://search.sachsen.de/web/suggest" autocomplete="off" title="Suchbegriff" aria-autocomplete="list" role="combobox" aria-haspopup="listbox">
</div>
<button type="submit" class="btn btn-search-submit sn-icon sn-icon-search-white sn-icon-center" title="Suche starten">
<span class="sr-only">Suche starten<span>
</button>
</div>
</form><!--
--><button id="glohea-btn-tools" class="sn_glohea__button sn_glohea__button--last" type="button" data-toggle="collapse" aria-haspopup="true" aria-expanded="false" data-target="#collapse-tools" data-element="glohea-tools-collapse-trigger" title="Erweiterungen öffnen" aria-controls="collapse-tools">
<i aria-label="Erweiterungen öffnen" class="sn-icon sn-icon-app-menu-white sn-icon-center"></i>
</button>
<div class="glohea-tools">
<div id="collapse-tools" class="collapse collapse-small collapse-tools" aria-labelledby="glohea-btn-tools">
<div class="container-tools">
<ul class="row" data-element="glohea-tools"></ul>
</div>
</div>
</div>
<div class="row glohea-deko-row">
<div id="portal-title" class="portal-link glohea-deko-left" data-element="glohea-deco-left">
<!-- nur bei 0-4-0 mit unternavi -->
<button id="portalnav-toggle-12345" type="button" class="portalnav-toggle" aria-expanded="false" data-element="portalnav-trigger" aria-label="Navigation öffnen" title="Navigation öffnen" data-alternative data-alt-title="Navigation schließen" data-alt-label="Navigation schließen" aria-controls="portalnav-12345">
<span class="toggle-open icon-bar"></span>
<span class="toggle-open icon-bar"></span>
<span class="toggle-open icon-bar"></span>
<span class="toggle-close">✕</span>
</button>
<span class="sr-only">Portal: </span><a href="/" class="sn-icon sn-icon-home icon-home">Prototyp Styleguide Sachsen</a>
</div>
<!-- auf portalstart:
<h1 id="portal-title" class="portal-link glohea-deko-left" data-element="glohea-deco-left">
<object data-theme-object class="icon icon-home" data="//styleguide.sachsen.de/dev/themes/black/img/svg/icon-home.svg" title="Startseite des Portals" tabIndex="-1">
<img src="//styleguide.sachsen.de/dev/themes/black/img/png/icon-home.png" alt="Startseite des Portals" />
</object><span>Portalname auf Sachsen.de</span>
</h1>
-->
<div class="themenbaum-wrapper" data-element="glohea-themenbaum">
<div class="themenbaum dropdown glohea-deko-right" data-element="glohea-deco-right">
<button type="button" id="button-themenbaum" class="button-themenbaum hidden-xs hidden-sm" data-toggle="collapse" data-target="#themenbaum-container" aria-expanded="false" aria-controls="themenbaum-container" aria-haspopup="true">
Übergeordnete Seiten
</button>
</div>
</div>
<div class="glohea-bitv-buttons" data-element="glohea-bitv-button-wrapper"></div>
</div>
</div>
</header>
SKS-553
<div class="box">
<article class="box">
<h2 class="box-header">Überschrift zur Karte</h2>
<div class="box-body">
<p>Optionaler, kurzer Beschreibungstext</p>
<p class="contact contact-visitor">
<address class="contact contact-visitor">
<span class="icon icon-visitor-address"></span>
Besucheradresse:<br />
<span class="icon icon-visitor-address"></span>Besucheradresse:<br />
<span class="contact-content">
Straße und Hausnummer<br />
Postleitzahl und Ort
</span>
</p>
</address>
<div data-element="iframe"
data-src="https://geoportal.sachsen.de/mapviewer/dynamic.html?lang=de&app=amt24&address=Archivstraße 1 01097 Dresden"
data-src="https://geoviewer.sachsen.de/mapviewer2/index.html?address=Archivstraße 1 01097 Dresden&lang=de"
data-attr='{"class":"geobak"}'
data-component="8486148446">
</div>
</div>
<div class="box-footer">
<ul class="list-links">
<li>
<a href="https://geoportal.sachsen.de/cps/karte.html?showmap=true&lang=de&app=amt24&address=Archivstraße%201%2001097%20Dresden">
<a href="https://geoportal.sachsen.de/cps/karte.html?showmap=true&lang=de&app=amt24&address=Archivstra%C3%9Fe%201%2001097%20Dresden">
Link zum Geoportal Sachsenatlas
</a><br />
</li>
</ul>
</div>
</div>
</article>
SKS-554
<div id="main" role="main" class="main main-layout-1-3-0">
<div id="main" class="main main-layout-1-3-0">
<div class="main-container">
<div class="row">
...
<div id="main-content-wrapper" class="content-wrapper">
<div class="row">
<section id="main-content" class="content">
<main id="main-content" class="content">
SKS-532
SKS-540
SKS-563
<div data-wrapalltolist="list-unstyled">
<a id="a-123"></a>
<div class="media media-teaser" id="teaser-8">
<figure class="media-figure media-figure-teaser media-left media-figure-small">
<img class="media-object" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="./img/content/675_regierungserklaerung_1.jpg" alt="" data-srcset="./img/content/675_regierungserklaerung_1.jpg 206w, ./img/content/675_regierungserklaerung_1.jpg 355w, ./img/content/675_regierungserklaerung_1.jpg 532w, ./img/content/675_regierungserklaerung_1.jpg 780w, ./img/content/675_regierungserklaerung_1.jpg 1400w" data-element="responsiveImage" data-grid-image="false" data-size="media-figure-small" data-src-maxwidth="1400" data-clickable="#teaser-8 a" />
<figcaption>
<span class="media-caption">IdeenExpo</span>
<span class="media-copy">© Hans Mustermann</span>
</figcaption>
</figure>
<div class="media-body">
<span class="info-small" data-clickable="#teaser-8 a">01.02.1990, 12:34 Uhr</span>
<h3 class="media-heading" data-clickable="#teaser-8 a">Newsteaser</h3>
<p data-clickable="#teaser-8 a">
Sieger im 9. Landeswettbewerb ist Stangengrün (Landkreis Zwickau) vor Waltersdorf (Landkreis Görlitz) und Zitzschen (Landkreis Leipzig).
</p>
<a class="sr-only" href="#">Newsteaser</a>
</div>
</div>
<article class="media media-teaser media-figure-small" data-clickable>
<div class="clearfix">
<div class="media-header">
<span class="info-small">01.05.2018, 21:42Uhr</span>
<h3 class="media-heading">Teaser mit Bild</h3>
</div>
<figure class="media-figure">
<img class="media-object" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""data-src="./img/content/rdax/hund_800w.jpg" data-src-maxwidth="2000"
data-srcset="./img/content/rdax/hund_160w.jpg 160w,
./img/content/rdax/hund_320w.jpg 320w,
./img/content/rdax/hund_640w.jpg 640w,
./img/content/rdax/hund_800w.jpg 800w,
./img/content/rdax/hund_1400w.jpg 1400w,
./img/content/rdax/hund_2000w.jpg 2000w" data-element="responsiveImage" data-grid-image="false" data-size="media-figure-small" data-src-maxwidth="1400" />
<figcaption>
<span class="media-caption">Bildunterschrift</span>
<span class="media-copy">© Rechteinhaber</span>
</figcaption>
</figure>
<div class="media-body">
<p>Anreißertext um Interesse an der Folgeseite zu wecken.</p>
</div>
</div>
<ul class="list-links list-boxend">
<li>
<a href="./Bundesratpräsidentschaft.html" target="" title="">Bundesratpräsidentschaft
</a>
</li>
</ul>
</article>
</div>
SKS-569
<input id="glohea-search" name="searchTerm" type="text" class="form-control input-search" placeholder="Wonach suchen Sie?" data-suggest="https://search.sachsen.de/web/suggest" autocomplete="off" title="Suchbegriff"> <input id="glohea-search" name="searchTerm" type="text" class="form-control input-search" placeholder="Wonach suchen Sie?" data-suggest="https://search.sachsen.de/web/suggest" autocomplete="off" title="Suchbegriff" aria-autocomplete="list" role="combobox" aria-haspopup="listbox">
SKS-570
<div class="row content-row" data-element="search-row">
<div class="content-col-wide">
<div class="row">
<!-- ### Suchleiste ### -->
<div class="col-wide">
<div class="box">
<div class="box-body" data-component="4971">
<script type="text/javascript">
window.additionalComponent.load('suche', {
el: '[data-component="4971"]',
component: 'bar',
wrapper: '[data-element="search-row"]',
resultWrapper: '[data-search-result="4971"]',
resultLiveLabel:'[data-search-result-live-label="4971"]',
filterWrapper: '[data-search-filter="4971"]',
id:'4971'
});
</script>
<ul class="search-form-supporter">
<li>
<a href="//search.sachsen.de/web/help" class="search-form-help">Hilfe</a>
</li>
<li>
<a href="/suche.html" class="search-form-reset">Zurücksetzen</a>
</li>
</ul>
<form class="search-form" role="search" method="get" id="content-search-form" name="content-search-form">
<div class="form-group">
<label for="search-input" class="sr-only">Suchbegriff</label> <input id="search-input" name="searchTerm" type="text" class="form-control input-search" placeholder="Wonach suchen Sie" data-suggest-small="//search.sachsen.de/web/suggest" title="Suchbegriff"> <button type="submit" class="btn btn-primary btn-content-search-submit" title="Suchen"><span class="visible-xs sn-icon sn-icon-search-white sn-icon-center" aria-label="Suchen"></span> <span class="btn-label sn-icon sn-icon-search-white">Suchen</span></button> <input name="notSearchTerms" type="hidden"> <input name="phrase" type="hidden"> <input name="orSearchTerms" type="hidden">
</div>
</form>
</div>
</div>
</div><!-- ### /Suchleiste ### -->
<div class="col-wide">
<div class="box">
<!-- ### Suchergebnisse ### -->
<span class="sr-only" role="status" data-search-result-live-label="4971"></span>
<div data-search-result="4971" aria-live="assertive"></div><!-- ### /Suchergebnisse ### -->
<div data-search-result="4971"></div><!-- ### /Suchergebnisse ### -->
</div>
</div>
</div>
</div>
<div class="content-col-small">
<div class="row">
<!-- ### Suchfilter ### -->
<div class="col">
<div class="box box-bordered">
<h2 class="box-header">Suchergebnisse eingrenzen</h2>
<div class="box-body" data-search-filter="4971"></div>
</div>
</div><!-- ### /Suchfilter ### -->
</div>
</div>
</div>
SKS-594
<p class="contact contact-title"><span class="contact-content">Sächsische Staatskanzlei</span></p> <p class="contact contact-title"><span class="contact-content">Onlineredaktion</span></p> <p class="contact contact-mail">E-Mail: <span class="contact-content"><a href="mailto:onlineredaktion@sk.sachsen.de">Online-Postfach</a></span></p> <ul></ul> <div class="contact-spacer"></div>
SKS-537
SKS-607
<!-- aside left -->
<aside id="main-sidebar-left" class="sidebar sidebar-left">
<div id="main-sidebar-left" class="sidebar sidebar-left">
<div class="row">
<div class="col">
<div class="box box-nav-portal" data-plugin="affix-navi" id="portalnav-12345" aria-labelledby="portalnav-toggle-12345">
<div class="box box-nav-portal" data-plugin="affix-navi" id="contentnav-portal">
<a id="a-navigation" class="sr-only">Portalnavigation</a>
<div class="box-header">
<a href="/index.html" class="portal">Styleguide 2.0</a>
</div>
<div class="box-body">
<nav class="nav nav-portal" data-element="nav-portal" aria-labelledby="a-navigation">
<ul class="list-links">
<li class="ancestor">
<a href="/technische-dokumentation-3850.html">Technische Dokumentation</a>
<ul class="list-links">
<li>
<a href="/systemanforderungen-4874.html">Systemanforderungen</a>
</li>
<li>
<a href="/hinweise-zur-nutzung-4826.html">Hinweise zur Nutzung</a>
</li>
<li>
<a href="/struktur-des-styleguideprojekts-4647.html">Struktur des Styleguideprojekts</a>
</li>
<li>
<a href="/komponenten-4649.html">Komponenten</a>
</li>
<li class="active"><span class="active-label"><strong style="font-weight: normal;">Release Notes</strong></span></li>
<li class="active" aria-current="page"><span class="active-label"><strong style="font-weight: normal;">Release Notes</strong></span></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</aside>
</div>
Version 2.21.1 (veröffentlicht 02.12.2020)
Anmerkungen
SKS-434
<script type="text/javascript" src="https://styleguide.sachsen.de/dist/js/skriptVendor.js?v=2.21.1"></script>
<script type="text/javascript">
$(window).on('load', function() {
// # CSS
$.getCSS({
href: 'https://styleguide.sachsen.de/dist/css/vendor.css?v=2.21.1'
});
$.getCSS({
href: 'https://styleguide.sachsen.de/dist/themes/blue/css/chrome.css?v=2.21.1',
'data-element': "theme-stylesheet"
}).then(function() {
// # JS
var dependencyScripts = [
'https://styleguide.sachsen.de/dist/js/skriptHeadVendor.js?v=2.21.1',
'https://styleguide.sachsen.de/dist/js/skriptBottomVendor.js?v=2.21.1'
];
var scripts = [
'https://styleguide.sachsen.de/dist/js/sachsen.js?v=2.21.1'
];
$.when.apply($, $.map(dependencyScripts, function(dependency) {
return $.getScript(dependency);
})).then(function() {
$.each(scripts, function(key, script) {
$.getScript(script);
});
});
$.ajaxSetup({
cache: true
});
return $.getScript('https://styleguide.sachsen.de/dist/js/sachsen.js?v=2.21.1');
});
});
...
SKS-151
<div class="box box-loading" data-element="social-media-wrapper">
<h3 class="box-header">Instagram</h3>
<!-- -->
<!-- Auswahlbereich des Kanals -->
<!-- -->
<div class="box-dropdown dropdown"
data-element="box-dropdown"
data-dropdown-data="//www.sachsen.de/beispiel_instagram.jsp"
data-dropdown-data-method="getSocialMediaData"
data-dropdown-data-method-key="instagram"
data-dropdown-template="<li><a href='#dropdownMenu-6841435446' data-element='dropdown-value' data-id='<%= id %>' data-value='<%= anchor %>' data-additional='<%= name %>'><%= titel %></a></li>"
id="dropdownMenuWrapper-6841435446">
<!-- -->
<!-- Auswahlliste der Kanäle -->
<!-- -->
<button class="btn btn-default dropdown-toggle"
type="button"
id="dropdownMenu-6841435446"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
data-for-id="facebook-jssdk">
Kanal wechseln
</button>
<ul class="dropdown-menu list-unstyled" aria-labelledby="dropdownMenu-6841435446" data-dropdown-filter='["channel-8","channel-9"]'/>
</div>
<!-- -->
<!-- Inhaltsbereich zur Anzeige des Kanalinhalts -->
<!-- -->
<div class="box-body">
<div class="box-media">
<script type="text/javascript">
window.additionalComponent.load('instagram', {
el: '[data-component="1867698"]'
});
</script>
<div data-component="1867698"
data-instagram-type="multiple"
data-headline="Instagram (Übersicht)"
data-instagram-channel-id='["channel-8","channel-9"]'
data-link-text="Zum Instagram-Kanal"></div>
</div>
</div>
<!-- -->
<!-- Footer mit Kanalverlinkung -->
<!-- -->
<div class="box-footer">
<ul class="list-links">
<li>
<a href="https://www.instagram.com/michaelkretschmer/?hl=de">Zu Instagram wechseln</a>
</li>
</ul>
</div>
</div>
SKS-321
<div class="box-media box-media-border">
<noscript><img src="https://styleguide.sachsen.de/dist/img/amt24_rdax_465x160_87.jpg" alt="Logo Amt24" data-clickable="#box-3638559 a" /></noscript>
<noscript><img src="./img/amt24_rdax_465x160_87.jpg" alt="Logo Amt24" data-clickable="#box-3638559 a" /></noscript>
<img class="hidden-no-js" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""
data-src="https://styleguide.sachsen.de/dist/img/amt24_rdax_465x160_87.jpg" data-src-maxwidth="681"
data-src="./img/amt24_rdax_465x160_87.jpg" data-src-maxwidth="681"
data-srcset="https://styleguide.sachsen.de/dist/img/amt24_rdax_300x104_87.jpg 300w,
data-srcset="./img/amt24_rdax_300x104_87.jpg 300w,
https://styleguide.sachsen.de/dist/img/amt24_rdax_465x160_87.jpg 465w,
./img/amt24_rdax_465x160_87.jpg 465w,
https://styleguide.sachsen.de/dist/img/amt24_rdax_87.jpg 681w"
./img/amt24_rdax_87.jpg 681w"
data-grid-image="true" data-size="box" data-clickable="#box-3638559 a">
<form id="amt24form3638559" action="//amt24.sachsen.de" method="post" accept-charset="UTF-8" class="embedded-search-form form-horizontal">
SKS-323
<div class="panel-group"
id="accordion-content-1"
role="tablist"
aria-multiselectable="true"
data-no-persistence>
Version 2.21.0 (veröffentlicht 06.08.2019)
Anmerkungen
SKS-181
<script type="text/javascript">
window.additionalComponent.load('socialmedia', {
el: '[data-component="686871689"]',
lockedSrc: {
issuu: '<< SrcSet des alternativen Bildes >>'
},
alternativeMaxWidth: 1460,
alternativeImage: true
});
</script>
SKS-183
<p class="contact contact-homepage">
Webseite:
<span class="contact-content">
<a href="https://www.sachsen.de">www.sachsen.de</a>
</span>
</p>
<p class="contact contact-facebook">
Facebook:
<span class="contact-content">
<a href="https://www.facebook.com">www.facebook.com</a>
</span>
</p>
<p class="contact contact-twitter">
Twitter:
<span class="contact-content">
<a href="https://www.twitter.com">www.twitter.com</a>
</span>
</p>
<p class="contact contact-instagram">
Instagram:
<span class="contact-content">
<a href="https://www.instagram.com">www.instagram.com</a>
</span>
</p>
SKS-223
Neue Versionen der eingesetzten Frameworks:
| Framework | Version |
|---|---|
| jQuery | 2.2.2 |
| Moment.js | 2.19.3 |
| Bootstrap | 3.4.1 |
SKS-243
<meta name="twitter:card" content="summary" />
<meta property="twitter:site" content="" />
<meta property="twitter:image" content="" />
<meta property="twitter:image:alt" content="" />
<meta property="og:url" content="" />
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:image" content="" />
<meta property="og:image:alt" content="" />
<meta property="og:image:width" content="" />
<meta property="og:image:height" content="" />
SKS-260
<li>
<a target="_blank" rel="nofollow" title="Twitter" class="social social-twitter" href="https://twitter.com/intent/tweet?url=http://www.sachsen.de/index.jsp" data-sl-url-tpl="https://twitter.com/intent/tweet?url={url}">Twitter</a>
</li>
<li>
<a rel="nofollow" title="E-Mail" class="social social-mail" href="mailto:?subject=Empfehlung aus dem Internetauftritt des Freistaats Sachsen&body=Der nachfolgende Inhalt könnte für Sie interessant sein: http://www.sachsen.de/index.jsp" data-sl-url-tpl="mailto:?subject=Empfehlung aus dem Internetauftritt des Freistaats Sachsen&body=Der nachfolgende Inhalt könnte für Sie interessant sein: {url}">E-Mail</a>
</li>
SKS-282
<script type="text/javascript">
window.additionalComponent.load('socialmedia', {
el: '[data-component="686871689"]',
name: '<< Name der ISSUU Datei >>',
width: << optionale Breite >>,
height: << optionale Höhe>>,
pageNumber: '<< optionale Seitenanzahl >>',
pageLayout: '<< optional "singlePage" >>',
});
</script>
Version 2.20.0 (veröffentlicht 14.11.2018)
Anmerkungen
SKS-38
<article class="box box-white" id="box-3493">
<h2 class="box-header">Bürgerportal</h2>
<div class="box-body">
<div class="box-media box-media-border">
<noscript><img src="./img/content/amt24.jpg" alt="Bleiben und Zusammenleben - Integration" /></noscript>
<img class="hidden-no-js clickable" src="./img/content/amt24.jpg" alt="Bleiben und Zusammenleben - Integration" title="Bleiben und Zusammenleben - Integration" data-src-maxwidth="1460" data-grid-image="true" data-size="box" data-clickable="#box-3493 a" style="cursor: pointer;" sizes="(min-width: 1220px) 277px, (min-width: 992px) 220.1px, (min-width: 768px) 227.5px, calc(100vw - 20px)" srcset="./img/content/amt24.jpg 300w, ./img/content/amt24.jpg 465w, ./img/content/amt24.jpg 690w, ./img/content/amt24.jpg 780w, ./img/content/amt24.jpg 1095w, ./img/content/amt24.jpg 1240w, ./img/content/amt24.jpg 1460w" />
</div>
<form action="//amt24.sachsen.de/ZFinder/zflink.do" method="post" class="embedded-search-form form-horizontal">
<input type="hidden" name="modul" value="SU" />
<input type="hidden" name="plz" value="-1" />
<div class="spacer-2"></div>
<div class="form-group block-input">
<label class="form-group-head" for="amt24_123456_begriff">Was?</label>
<div class="form-group-content">
<input id="amt24_123456_begriff" name="begriff" type="text" placeholder="Suchbegriff" data-autocomplete="//amt24.sachsen.de/ZFinder/searchautocomplete" class="form-control" />
<input id="amt24_4489_begriff" name="begriff" type="text" placeholder="Suchbegriff" class="form-control" />
</div>
</div>
<button type="submit" class="btn btn-primary"
data-submit
>Suchen</button>
</form>
<script type="text/javascript">
(function() {
$('#amt24form4489').on('submit', function(e) {
e.preventDefault();
var val = $("#amt24_4489_begriff").val();
val = sachsen.utils.string.stripTags(val);
val = val.replace(/ /g, '+');
document.location.href = 'https://amt24.sachsen.de/web/guest/trefferliste/-/trefferliste/q-'+val;
});
})();
</script>
</div>
<div class="box-footer">
<ul class="list-links list-unstyled">
<li>
<a href="//amt24.sachsen.de/" target="_self">Zum Serviceportal</a>
</li>
</ul>
</div>
</article>
SKS-150
Eine Übersicht der Komponente, sowie den zu verwendenden Quellcode wird in Kürze unter den Komponenten der Technischen Dokumentation bereitgestellt.
SKS-121
<object type="image/svg+xml" data="https://www.styleguide.sachsen.de/dist/img/symbols/svg/logo-sachsen-emblem.svg" aria-label="Wappen vom Freistaat Sachsen" tabIndex="-1"> <img src="https://www.styleguide.sachsen.de/dist/img/symbols/svg/logo-sachsen-emblem.png" alt="Wappen vom Freistaat Sachsen" /> </object> <img class="svg-img" src="https://www.styleguide.sachsen.de/dist/img/symbols/svg/logo-sachsen-emblem.svg" alt="Wappen vom Freistaat Sachsen" />
Version 2.19.0 (veröffentlicht 14.03.2018)
Anmerkungen
RSGS-681
Die allgemeinen Formular-Elemente im Styleguide wurden in ihrer Funktion und optischen Ausprägung definiert. Eine Übersicht der Elemente, sowie den zu verwendenden Quellcode wird in Kürze unter den Komponenten der Technischen Dokumentation bereitgestellt.
RSGS-906
Bilderslider
<div data-element="rsSlide">
<button id="slide-1" class="rsSlideAnchor">Slide im Vollbildmodus öffnen</button>
<div class="rsSlideContent">
<!-- -->
<!-- Markup für die Darstellung im Vollbildmodus -->
<!-- -->
<div class="rsOnlyFullscreen rsAdditionalInfo">
<span class="rsSlideCount">
<span data-slide-count/> / <span data-slide-length/>
</span>
<div class="rsSlideShareWrapper"
data-toggle="tooltip"
data-placement="bottom"
title="Bild in sozialen Medien teilen">
<div id="collapseShare-2721"
class="collapse collapseShare"
aria-labelledby="headingShare-2721"
data-collapse-noscroll>
<input type="text"
value="http://www.sachsen.de/img/beispiel_bild.jpg" />
</div>
<button id="headingShare-2721"
class="rsSlideShare"
data-toggle="collapse"
data-target="#collapseShare-2721"
aria-expanded="false"
aria-controls="collapseShare-2721"/>
</div>
<a
href="/termin-123456.html"
class="btn btn-primary rsButtonDetail">
Zum Termin des Eintrags wechseln
</a>
</div>
Galerie
<script type="application/json" data-element="justified-gallery-data">
[
{
"text":"<p>Beschreibungstext zum Bild.</p>",
"caption":"(© dpa-Bildfunk)",
"path":"https://www.sachsen.de/img/bld_small.jpg",
"zoom":"https://www.sachsen.de/img/bld_zoom.jpg",
"title":"",
"alt":"",
"width":5550,
"height":3450
"href":"/termin-123456.html",
"textBtn": "Zum Eintrag des Termins wechseln"
}
]
</script>
RSGS-180
<div data-element="rsSlide">
<button id="slide-1" class="rsSlideAnchor">Slide im Vollbildmodus öffnen</button>
<div class="rsSlideContent">
<!-- -->
<!-- Markup für die Darstellung im Vollbildmodus -->
<!-- -->
<div class="rsOnlyFullscreen rsAdditionalInfo">
<span class="rsSlideCount">
<span data-slide-count/> / <span data-slide-length/>
</span>
<div class="rsSlideShareWrapper"
data-toggle="tooltip"
data-placement="bottom"
title="Bild in sozialen Medien teilen">
<div id="collapseShare-2721"
class="collapse collapseShare"
aria-labelledby="headingShare-2721"
data-collapse-noscroll>
<input type="text"
value="http://www.sachsen.de/img/beispiel_bild.jpg" />
</div>
<button id="headingShare-2721"
class="rsSlideShare"
data-toggle="collapse"
data-target="#collapseShare-2721"
aria-expanded="false"
aria-controls="collapseShare-2721"/>
</div>
</div>
<!-- -->
<!-- Definition des responsiven Bildes -->
<!-- -->
<noscript>
<img class="media-object rsImg"
src="http://www.sachsen.de/img/beispiel_bild.jpg"
alt="Landtag"
style="width: 100%" />
</noscript>
<img class="media-object hidden-no-js rsImg"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
alt="Landtag"
data-caption="Bildbeschreibung"
data-src="http://www.sachsen.de/img/beispiel_bild.jpg" data-src-maxwidth="675"
data-srcset="http://www.sachsen.de/img/beispiel_bild_300x177.jpg 300w,
http://www.sachsen.de/img/beispiel_bild_580x342.jpg 580w,
http://www.sachsen.de/img/beispiel_bild.jpg 675w,
http://www.sachsen.de/img/beispiel_bild.jpg 675w,
http://www.sachsen.de/img/beispiel_bild.jpg 675w,
http://www.sachsen.de/img/beispiel_bild.jpg 675w,
http://www.sachsen.de/img/beispiel_bild.jpg 675w"
data-grid-image="true"
data-size="size-xs-full"
data-rsBigImg="http://www.sachsen.de/img/beispiel_bild.jpg" />
<!-- -->
<!-- Bildbeschreibungstext -->
<!-- -->
<div aria-hidden="true"
class="rsText rsTextOversized"
id="rsText-2721">(© Vorname Nachname)
<p>Bildunterschrift.</p>
</div>
<div class="sr-only">(Copyright: Vorname Nachname)
<p>Bildunterschrift</p>
</div>
<!-- -->
<!-- Definition des responsiven Bildes -->
<!-- -->
<div class="rsImage">
<noscript>
<img class="media-object rsImg"
src="http://www.sachsen.de/img/beispiel_bild.jpg"
alt="Landtag"
style="width: 100%" />
</noscript>
<img class="media-object hidden-no-js rsImg"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
alt="Landtag"
data-caption="Bildbeschreibung"
data-src="http://www.sachsen.de/img/beispiel_bild.jpg" data-src-maxwidth="675"
data-srcset="http://www.sachsen.de/img/beispiel_bild_300x177.jpg 300w,
http://www.sachsen.de/img/beispiel_bild_580x342.jpg 580w,
http://www.sachsen.de/img/beispiel_bild.jpg 675w,
http://www.sachsen.de/img/beispiel_bild.jpg 675w,
http://www.sachsen.de/img/beispiel_bild.jpg 675w,
http://www.sachsen.de/img/beispiel_bild.jpg 675w,
http://www.sachsen.de/img/beispiel_bild.jpg 675w"
data-grid-image="true"
data-size="size-xs-full"
data-rsBigImg="http://www.sachsen.de/img/beispiel_bild.jpg" />
</div>
</div>
</div>
SK-1233
<meta name="date" content="2016-11-23 09:48:56"> <meta name="last-modified" content="2018-03-14 17:08:06">
SK-1521
<h4>Verbindungsbüros</h4>
<ul class="
list-links
list-horizontal
">
<li><a href="#">Brüssel</a></li>
<li><a href="#">Prag</a></li>
<li><a href="#">Breslau</a></li>
</ul>
Version 2.18.0 (Veröffentlicht 30.11.2017)
Hinweis: Ab diesem Release verändert sich die Bedeutung der Versionsnummern.
XX.YY.ZZ
- 1. Stelle: "Major-Release" - Eine grundlegende technische Änderung des Codes, deren Kompatibilität mit älteren Versionen nicht garantiert wird.
- 2. Stelle: "Minor-Release" - Eine Aktualisierung mit neuen Features und Bugfixes am Core und Komponenten.
- 3. Stelle: "Component-Release" - Eine Aktualisierung, die nur eine Komponente betrifft. Der Core bleibt dabei unverändert.
Änderungshistorie
Anmerkungen
SK-1499
<!-- ISSUU Beginn -->
<div class="col hidden-print">
<div class="box">
<div class="box box-loading" data-element="social-media-wrapper">
<h2 class="box-header">ISSUU - Einbindung</h2>
<div class="box-dropdown dropdown" data-element="box-dropdown" data-dropdown-data-method-key="issuu" id="dropdownMenuWrapper-6841435446">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu-6841435446" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-for-id="issuu-embed">
Issuu wechseln
</button>
<ul class="dropdown-menu list-unstyled" aria-labelledby="dropdownMenu-6841435446" >
<li><a href='#dropdownMenu-6841435446' data-element='dropdown-value' data-id='2250712/8898607' data-value='https://issuu.com/chickpeamag/docs/23_free_preview' data-additional='Issuu Dokument'>Issuu Dokument</a></li>
</ul>
</div>
<div class="box-body">
<div class="box-media">
<script type="text/javascript">
window.additionalComponent.load('socialmedia', {
el: '[data-component="686871689"]'
});
</script>
<div data-social-platform="issuu" data-issuu-id="issuu-embed" data-component="686871689" data-social-height="410" data-configid='2250712/8898607'></div>
<div class="embed">
<div data-configid="2250712/8898607" style="width: 100%; height: 292px;" class="issuuembed"></div>
<script type="text/javascript" src="//e.issuu.com/embed.js" async="true"></script>
</div>
</div>
</div>
</div>
</div>
<!-- ISSUU Ende -->
RSGS-857
$('<link/>', {
rel: 'stylesheet',
type: 'text/css',
href: 'themes/green/css/chrome.css?v=2.17.2',
'data-element': "theme-stylesheet"
}).appendTo('head').load(function() {});
$.getCSS({
href: 'themes/green/css/chrome.css?v=2.18.0',
'data-element': "theme-stylesheet"
}).then(function() {});
SK-1507
window.glohea = {
buttons: {
projectButtons: {
},
RSS: 'http://www.sachsen.de/rss.html',
help: 'http://www.sachsen.de/help.html',
login: 'http://www.sachsen.de/login.html',
drop: ''
}
};
RSGS-797
$input.autocomplete({...});
// Dokumentation siehe https://github.com/bassjobsen/Bootstrap-3-Typeahead
$input.typeahead({...});
Version 2.17.2 (Veröffentlicht: 23.10.2017)
Änderungshistorie
Anmerkungen
fc5beea4
// Quellcode zur Einbindung der Styleguide-Ressourcen
$('<link/>', {
rel: 'stylesheet',
type: 'text/css',
href: 'themes/green/css/chrome.css?v=2.17.2',
'data-element': "theme-stylesheet"
}).appendTo('head').load(function() {
$('html').removeClass('styleless');
// # JS
var dependencyScripts = [
'js/skriptHeadVendor.js?v=2.17.2',
'js/skriptBottomVendor.js?v=2.17.2'
];
var scripts = [
'js/sachsen.js?v=2.17.2'
];
...
});
Version 2.17.1 (Veröffentlicht: 11.10.2017)
Änderungshistorie
| Vorgang | Beschreibung | Typ | Komponente | Anmerkungen vorhanden |
|---|---|---|---|---|
| RSGS-864 | Korrektur der Darstellung der portalübergreifenden Navigation im IE | BUGFIX | CORE | |
| RSGS-864 | Korrektur der Slider-Darstellung | BUGFIX | SLIDER |
Version 2.17.0 (Veröffentlicht: 10.10.2017)
Änderungshistorie
Anmerkungen
SK-1389
<form action="" method="post" class="embedded-search-form form-horizontal">
<ul class="list-unstyled list-form list-form-single">
<li>
<div class="form-group block-input">
<label class="form-group-head" for="input1">Wo?</label>
<div class="form-group-content">
<input id="input1" name="ort" type="text" placeholder="Ort, Postleitzahl" class="form-control"></input>
</div>
</div>
</li>
</ul>
<button type="submit" class="btn btn-primary">Suchen</button>
</form>
SK-1376
<div id="video-wrapper4818" data-component="4818" class="video-wrapper embed-responsive embed-responsive-16by9" data-element="youtube" data-youtube-path="https://www.youtube-nocookie.com/embed/u60uq8emEo0?rel=0&autoplay=1&cc_load_policy=1" data-src="./test/img.png" data-alt-srcset="./test/img.png 90w, ./test/img.png 260w, ./test/img.png 445w, ./test/img.png 780w, ./test/img.png 1095w, ./test/img.png 1095w, ./test/img.png 1760w" data-alt-alt="Alternativer Bildtext" data-alt-max-width="1760" >
SK-1409
<div class="slider-default">
<div class="sr-only" data-element="focusEls">
<h2>Schnelleinstieg der Portalthemen</h2>
<ul></ul>
</div>
<div class="list-slider royalSlider rsSachsen rsHighlight rsAutoPlay" data-slider="default" data-slide-autoplay="false" id="slider-806" data-component="806">
<div class="rsSlideImage" data-element="rsSlide" id="highlight-slide-4811" tabIndex="-1">
<div class="rsSlideContent">
</div>
</div>
</div>
</div>
SK-1427
<div data-search-result="67187768766"
aria-live="assertive"
></div>
SK-1392
<ul class="glohea-button-wrapper nav">
<li>
<button id="glohea-btn-search" class="glohea-button" type="button" data-toggle="collapse" aria-haspopup="true" aria-expanded="false" data-target="#collapse-search-slider" data-element="glohea-search-collapse-trigger" aria-label="Suche starten" title="Suche starten">
<object class="glohea-button-object glohea-button-object-search" data="./themes/white/img/svg/icon-search.svg" tabIndex="-1">
<img src="./themes/white/img/png/icon-search.png" alt="Suche starten">
</object>
</button>
</li>
<li>
<button id="glohea-btn-tools" class="glohea-button
hidden-md hidden-lg
" type="button" data-toggle="collapse" aria-haspopup="true" aria-expanded="false" data-target="#collapse-tools" data-element="glohea-tools-collapse-trigger" aria-label="Erweiterungen öffnen" title="Erweiterungen öffnen">
<object class="glohea-button-object glohea-button-object-tools" data="./themes/white/img/svg/icon-app-menu.svg" tabIndex="-1">
<img src="./themes/white/img/png/icon-app-menu.png" alt="Erweiterungen öffnen">
</object>
</button>
</li>
</ul>
...
<div class="row" data-element="glohea-slidescroll-row">
<nav class="glohea-level-1" data-element="glohea-container-wrapper">
<div class="glohea-slide-label glohea-label-right" data-element="triggerCollapseSlider" data-target="global"
aria-labelledby="a-glohea">
...
<div class="glohea-tools">
<button id="glohea-btn-tools-desktop" class="glohea-button visible-md visible-lg" type="button" data-toggle="collapse" aria-haspopup="true" aria-expanded="false" data-target="#collapse-tools" data-element="glohea-tools-collapse-trigger" aria-label="Erweiterungen öffnen" title="Erweiterungen öffnen">
<object class="glohea-button-object glohea-button-object-tools" data="./themes/white/img/svg/icon-app-menu.svg" tabIndex="-1">
<img src="./themes/white/img/png/icon-app-menu.png" alt="Erweiterungen öffnen">
</object>
</button>
<div id="collapse-tools" class="collapse collapse-small collapse-tools" aria-labelledby="glohea-btn-tools">
<div class="container-tools">
<div class="row" data-element="glohea-tools"></div>
<ul class="row" data-element="glohea-tools"></ul>
</div>
</div>
</div>
...
<div class="glohea-bitv-buttons" data-element="glohea-bitv-button-wrapper"></div>
</div>
</div>
</header>
SK-1393
<a id="a-highlight" class="sr-only">Portalthemen</a>
<div id="highlight" class="highlight highlight-1-3-0">
...
</div>
<div id="main" role="main" class="main main-layout-1-3-0">
<div class="main-container">
<div class="row">
<aside id="main-sidebar-left" class="sidebar sidebar-left">
...
</aside>
<section id="main-content" class="content">
<div id="main-content-wrapper" class="content-wrapper">
<div class="row">
<a id="a-highlight" class="sr-only">Portalthemen</a>
<div id="highlight" class="highlight highlight-1-3-0">
...
</div>
<section id="main-content" class="content">
<div class="row">
...
</div>
</section>
...
</div>
</div>
</div>
</div>
</div>
<footer id="footer" class="footer">
<div class="footer-content container">
<div class="row panel-group accordion-enabled" id="accordion-footer" role="tablist" aria-multiselectable="true">
<div class="footer-col panel panel-default col-sm-40">
<div class="panel-heading" role="tab" id="headingFooter1">
<div class="hdl-4 panel-title">
<span class="hidden-xs">Herausgeber</span>
<h2 class="hidden-xs h4">Herausgeber</h2>
<button class="visible-xs btn btn-footer" type="button" data-toggle="collapse" data-target="#collapseFooter1" aria-expanded="false" aria-controls="collapseFooter1" data-parent="#accordion-footer">Herausgeber</button>
</div>
</div>
...
</div>
...
</div>
</div>
</footer>
Version 2.16.1 (Veröffentlicht: 17.08.2017)
Änderungshistorie
Anmerkungen
<span class="sn-icon-arrow-top"></span> /* * Verfügbare Klassen: sn-icon-arrow-top sn-icon-arrow-top sn-icon-arrow-top-small sn-icon-arrow-right sn-icon-arrow-right-small sn-icon-arrow-right-to-end sn-icon-arrow-right-gallery sn-icon-arrow-bottom sn-icon-arrow-bottom-small sn-icon-arrow-left sn-icon-arrow-left-small sn-icon-arrow-left-to-end sn-icon-arrow-left-gallery sn-icon-download sn-icon-extern sn-icon-expand sn-icon-portal sn-icon-shrink sn-icon-social-facebook sn-icon-social-twitter sn-icon-social-google sn-icon-totop sn-icon-toBottom sn-icon-close sn-icon-share sn-icon-play sn-icon-pause sn-icon-wind-cone sn-icon-compass sn-icon-umbrella sn-icon-heart sn-icon-warning sn-icon-search sn-blocked-youtube sn-icon-image-more sn-icon-help sn-icon-reset sn-icon-form sn-icon-pdf sn-icon-plus sn-icon-minus sn-icon-zoom-in sn-icon-zoom-out sn-icon-checkbox sn-icon-checkbox-checked sn-icon-location sn-icon-time sn-icon-address sn-icon-telephone sn-icon-telefax sn-icon-mail sn-icon-secured-mail sn-icon-de-mail sn-icon-home sn-icon-wheelchair sn-icon-info sn-icon-visiting-address */
Version 2.16.0 (Veröffentlicht: 11.08.2017)
Änderungshistorie
| Vorgang | Beschreibung | Typ | Komponente | Anmerkungen vorhanden |
|---|---|---|---|---|
| SK-1321 | Hilfsfunktion für Verweise korrigiert | BUGFIX | CORE | |
| SK-1329 | Höhenangabe für Social-Media-Integration | FEATURE | SOCIALMEDIA | |
| SK-1358 | Optimierung Wetterkarte im InternetExplorer | BUGFIX | WETTER | |
| SK-1321 | Portalsuche mit neuer Suchschnittstelle | FEATURE | SUCHE |
Version 2.15.1 (Veröffentlicht: 30.06.2017)
Änderungshistorie
| Vorgang | Beschreibung | Typ | Komponente | Anmerkungen vorhanden |
|---|---|---|---|---|
| 76c0a67f | Darstellungsfehler bei Suchformularen in der Marginalspalte | BUGFIX | CORE | |
| SK-1365 | Korrektur der Codehighlighter-Integration | BUGFIX | CODEHIGHLIGHTER | |
| 63e26a5d | Darstellungsfehler der Portalnavigation | BUGFIX | CORE |
Version 2.15.0 (Veröffentlicht: 28.06.2017)
Änderungshistorie
Anmerkungen
80eedce7
/*
* done.translation - Übersetzung geladen
* done.sharedpages - Projektfremde Seiten wurden integriert
* done.images.preload - responsive Preload-Bilder sind geladen
* done.images - alle responsiven Bilder wurden geladen
* done.components - Komponenten wurden initialisiert
* done.glohea - Headernavigation wurde initialisiert
* done.starter - Bootstrap-Utilities wurden initialisiert
*/
$(window).on('done.images', function() {
// wird ausgeführt wenn alle Bilder geladen sind
});
RSGS-421
...
<div class="footer-col panel panel-default">
<div class="panel-heading" role="tab" id="headingFooter[1-4]">
<div class="hdl-4 panel-title">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion-footer" href="#collapseFooter[1-4]" aria-expanded="false" aria-controls="collapseFooter[1-4]" tabindex="-1">[Herausgeber|Service|Verwandte Portale|Seite empfehlen]</a>
<span class="hidden-xs">[Herausgeber|Service|Verwandte Portale|Seite empfehlen]</span>
<button class="visible-xs btn btn-footer" type="button" data-toggle="collapse" data-target="#collapseFooter[1-4]" aria-expanded="false" aria-controls="collapseFooter[1-4]" data-parent="#accordion-footer">[Herausgeber|Service|Verwandte Portale|Seite empfehlen]</button>
</div>
</div>
<div id="collapseFooter[1-4]" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFooter[1-4]">
<div id="collapseFooter[1-4]" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingFooter[1-4]">
<div class="panel-body">
<ul class="list-links">...</ul>
</div>
</div>
</div>
...
RSGS-760
Bereitstellung eines Elementes
<div data-pagesharing-guid="[eindeutige ID]">
<!-- geteiltes Inhaltselement -->
</div>
Integration eines Elements
<div data-pagesharing-container-guid="[eindeutige ID]"
data-pagesharing-admin-page-guid="[eindeutige ID des zu integrierenden Elements]"
data-pagesharing-external-url="[URL zur Seite des zu integrierenden Elements]"
></div>
Version 2.14.0 (Veröffentlicht: 21.03.2017)
Änderungshistorie
Anmerkungen
SK-1262
<p class="contact contact-phone">
Telefon:
<span class="contact-content">
<a href="tel:+4930206060">+49 30-20 60 60</a><br />
<span class="contact-description">Kommentar</span>
</span>
</p>
RSGS-799
<p class="contact contact-secured-mail">
E-Mail:
<span class="contact-content">
<a href="mailto:poststelle@bin.sk.sachsen.de">poststelle@bin.sk.sachsen.de</a><br />
<span class="contact-description"></span>
</span>
</p>
<p class="contact contact-smime">
<span class="contact-content">
<a href="SMIME-Zertifikat.zip">S/MIME-Zertifikat</a><br />
<span class="contact-description">Sie können uns Ihre E-Mail auch mit S/MIME verschlüsselt und signiert zusenden. Bitte laden Sie dazu die ZIP-Datei herunter und binden Sie die entpackten Zertifikate in Ihren E-Mailclient ein.</span>
</span>
</p>
SK-1116
<div class="form-group">
<div class="form-group-head" >
Epoche
</div>
<div class="form-group-content form-group-content-multiselect">
<div class="input-group">
<label class="sr-only" for="datum-von"
id="label-datum-von">Datum beginnend am</label>
<select id="datum-von" class="selectpicker" multiple title="Epoche wählen">
<option value="0000-1815">bis 1815</option>
<option value="1815-1871">1815 - 1871</option>
<option value="1871-1918">1871 - 1918</option>
<option value="1918-1933">1918 - 1933</option>
<option value="1933-1945">1933 - 1945</option>
<option value="1945-1990">1945 - 1990</option>
<option value="1990-3000">seit 1990</option>
</select>
</div>
</div>
</div>
$('.selectpicker').selectpicker();
Version 2.13.0 (Veröffentlicht: 13.03.2017)
Änderungshistorie
Anmerkungen
RSGS-607
Darstellung ist nur für eine beispielhafte Komponente. Bitte überprüfen Sie die Komponenten in der technischen Dokumentation.
<div class="gallery" data-element="justified-gallery" data-id="523527" data-gallery-detail data-component="68716876876463"> <div class="gallery hidden-print" data-element="justified-gallery" data-id="523527" data-gallery-detail data-component="68716876876463">
Version 2.12.0 (Veröffentlicht: 21.02.2017)
Änderungshistorie
Anmerkung
RSGS-477
<div class="box-dropdown dropdown" data-element="box-dropdown" data-dropdown-data="//www.sachsen.de/beispiel_socialmedia.js" data-dropdown-data-method="getSocialMediaData" data-dropdown-data-method-key="twitter" data-dropdown-template="<li><a href='#dropdownMenu-6841435446' data-element='dropdown-value' data-id='<%= id %>' data-value='<%= anchor %>' data-additional='<%= name %>'><%= titel %></a></li>" id="dropdownMenuWrapper-6841435446">
<div class="box-dropdown dropdown" data-element="box-dropdown" data-dropdown-data="//www.sachsen.de/beispiel_socialmedia.js" data-dropdown-data-method="getSocialMediaData" data-dropdown-data-method-key="twitter" id="dropdownMenuWrapper-6841435446" data-dropdown-template="#template-6841435446">
<script type="text/html" id="template-6841435446"><![CDATA[
<li><a href='#dropdownMenu-6841435446' data-element='dropdown-value' data-id='<%= id %>' data-value='<%= anchor %>' data-additional='<%= name %>'><%= titel %></a></li>
]]></script>
Version 2.11.0 (Veröffentlicht: 23.01.2017)
Änderungshistorie
Anmerkung
RSGS-741
<button id="headingShare-2721" class="rsSlideShare" data-toggle="collapse" data-target="#collapseShare-2721" aria-expanded="false" aria-controls="collapseShare-2721"></button> <button id="headingShare-2721" class="rsSlideShare" data-toggle="collapse" data-target="#collapseShare-2721" aria-expanded="false" aria-controls="collapseShare-2721" title="Bild in sozialen Medien teilen">Bild in sozialen Medien teilen</button>
fa6edddb
<li role="presentation" class="active"><a href="#themen-a-d" aria-controls="themen-a-d" role="tab" data-toggle="tab">A-D</a></li> <li role="presentation" class="active"><a class="tab-head" href="#themen-a-d" aria-controls="themen-a-d" role="tab" data-toggle="tab">A-D</a></li>
SK-1150
<h3 class="box-header">Facebook</h3> <h3 class="box-header"><span class="box-icon-facebook">Facebook</span></h3>
RSGS-477
<div class="box-dropdown dropdown" data-element="box-dropdown" data-dropdown-data="//design.sachsen.de/styleguide/js/socialmedia.data.js" data-dropdown-data-method="getSocialMediaData" data-dropdown-data-method-key="facebook" data-dropdown-template="<li><a href='#dropdownMenu-6841435447' data-element='dropdown-value' data-id='<%= id %>' data-value='<%= anchor %>' data-additional='<%= name %>'><%= titel %></a></li>" id="dropdownMenuWrapper-6841435447">
<div class="box-dropdown dropdown" data-element="box-dropdown" data-dropdown-data="//design.sachsen.de/styleguide/js/socialmedia.data.js" data-dropdown-data-method="getSocialMediaData" data-dropdown-data-method-key="facebook" data-dropdown-template="#template-6841435447" id="dropdownMenuWrapper-6841435447">
<script type="text/html" id="template-6841435447">
<li><a href='#dropdownMenu-6841435447' data-element='dropdown-value' data-id='<%= id %>' data-value='<%= anchor %>' data-additional='<%= name %>'><%= titel %></a></li>
</script>
