Volltextsuche
Formatierung der Druckansicht beeinflussen
Veröffentlichungsdatum: 08. November 2019 Änderungsdatum: 10. Mai 2022 weblication cms print drucken druckvorschau formatierung Die Ausgabe der Webseiten für die Druckvorschau können Sie über das Drucktemplate und die separate CSS-Datei
So beeinflussen Sie die Formatierung in der Bearbeitung
Sie die Formatierung in der Bearbeitung Veröffentlichungsdatum: 05. Juli 2010 Änderungsdatum: 13. September 2013 formatierung bearbeitung css editor Dieser Artikel beschreibt, wie Sie Formatierungen in der Dateibearbeitung beeinflussen können,
So setzen Sie eigene Formatierungen für Textfelder
für Textfelder Veröffentlichungsdatum: 15. September 2015 Änderungsdatum: 25. Juni 2021 text textfeld wysiwyg formatierung klasse Dieser Artikel beschreibt, wie Sie für WYSIWYG-Felder eigene Textformatierungen zur Auswahl anbieten.
Definition und Bedeutung der WYSIWYG-Textfilter
der WYSIWYG-Textfilter Veröffentlichungsdatum: 21. April 2020 Änderungsdatum: 17. Februar 2023 wysiwyg text filter formatierungen entfernen löschen filtern Dieser Artikel beschreibt die verwendbaren Text-Filter für WYSIWYG-Felder, welche zum
So stellen Sie für ein Textfeld bestimmte WYSIWYG-Funktionen bereit
WYSIWYG-Funktionen bereit Veröffentlichungsdatum: 28. Juni 2010 Änderungsdatum: 07. Januar 2014 textfeld bearbeiten formatierung wysiwyg funktionen button schaltfläche Dieser Artikel beschreibt, wie Sie für ein Textfeld zur Formatierung des
Titel im Akkordeon Element formatieren
sind, ist pro CSS-Only Variante definierbar. Beispiel für eine Variante, bei der keine Zeilenumbrüche, jedoch die Formatierung von Wörtern erlaubt ist .elementAccordion_var0 { -w-option-allowLinebreaks: no; /* Manuelle Zeilenumbrüche erlauben
Listeneinträge über zusätzliche objektbasierte Data-Attribute formatieren
ergänzt werden. So dienen sie z.B. als Basis für spezielle JavaScript-Funktionen oder auch zur objektabhängigen Formatierung einzelner Einträge. Auszugebende Daten aus dem Objekt < wd : data id = "private" type = "char.default" > 1 <
So definieren Sie die Hintergrundfarbe für WYSIWYG-Felder im Editor
12. Mai 2010 Änderungsdatum: 24. September 2013 editor wysiwyg hintergrundfarbe hintergrundbild background formatierung Dieser Artikel beschreibt, wie Sie die Hintergrundfarbe und andere Formatierungen für WYSIWYG-Felder in der
Navigationspunkte unterschiedlich darstellen
" cssClass " setzen Sie eine Auswahlbox ( selectbox ), die die von Ihnen zur Verfügung gestellten Klassen zur CSS-Formatierung bereitstellt. Im genannten Beispiel sind für die Auswahl die Klassen blue und red definiert. Beispiel: Auszug aus der
So verwenden Sie eine separate CSS-Datei im Sprachvergleich
17. Februar 2011 sprache sprachvergleiche gegenüberstellung einblenden Dieser Artikel beschreibt, wie Sie die Formatierung der eingeblendeten Sprache im Sprachvergleich beeinflussen. Mehrsprachige Präsenzen erlauben innerhalb der Bearbeitung
Überschrift: Allgemeine Einstellungen wie Zeilenumbruch, Links, Teilformatierung, etc.
0 (Standardüberschrift) ist zudem bereits im Standard folgende Möglichkeit definiert, welche nochmals witergehende Formatierungen über die WYSIWYG-Leiste ermöglicht: Auswählbare Formatierungen als Inline-Elemente z.B. 'sup|highlighted' Z um
Zeilenumbrüche in Titel oder Beschreibungen
Beschreibungen 14. Dezember 2010 zeilenumbruch umbruch Dieser Artikel zeigt, wie Sie Umbrüche bei Feldern, die ohne Formatierung gepflegt werden, in der Webseite ausgeben können. Texte im Titel bzw. in Beschreibungen werden in der Regel über
Wie kann ich eine Überschrift zweifarbig machen?
Überschriftsbereich rot statt fett h1 > strong { font-size: normal; color: red; } Um die Möglichkeit der Formatierung (Teilformatierung) verfügbar zu haben, muss dies bei aktuellem Überschriften-Weblic im CSS (Allgemein) aktiviert
So nutzen Sie Filter für das Einfügen in ein WYSIWYG-Feld
Inhalten aus externen Quellen (Internetseiten, Office-Dokumente, etc.) einen Filter nutzen können bzw. generell die Formatierungen filtern können. Projektkonfiguration - Texte Über das Text-Pflegetag-Attribut openClipboardDialogOnPaste="1" können
Neuer WYSIWYG-Editor ab der Version 004.010.002.000
anzeigt, wie Sie den neuen wie auch alten WYSIWYG-Editor schalten. Beispiel: So definieren Sie individuelle Formatierungen pro Feld <!--web:text:start editor="wysiwyg"
Online-Status von Elementen mit individueller Formatierung / Farbe
Projektgrundlage: BASE Innerhalb der Seitenbearbeitung können Sie zeitgesteuerte Strukturelemente mit einer eigenen Formatierung (z.B. Hintergrundfarbe) deutlicher hervorheben. Strukturelement mit aktuellem Offline-Status - individuelle Farbe Im
Tabellen mit dem Tabelleneditor gestalten
gestalten Veröffentlichungsdatum: 14. Mai 2019 Änderungsdatum: 17. Mai 2019 weblication cms tabellen pflegetag formatierung spalten zeilen zellen Mit dem Tabelleneditor erstellen Sie komfortabel Tabellen, welche über CSS sehr individuell
So definieren Sie automatische Filter für ein WYSIWYG-Textfeld
Sie automatische Filter für ein WYSIWYG-Textfeld Nutzbar ab: Version 21. April 2020 wysiwyg filter automatisch formatierung entfernen löschen tags Dieser Artikel beschreibt, wie Sie Filter für ein WYSIWYG-Feld setzen, die beim Speichern
CSS - first-child bei Inhaltsbereichen
CSS-Beispiel für die Formatierung des ersten Inhaltsbereiches einer Seite, Pflegeschaltflächen ausgenommen. first-child Definition für ersten
Eigene Pflegemasken zu CSS-Only Untervarianten nutzen
BASE Weblication® CMS liefert Ihnen seit der BASE Classiv vielfältige Möglichkeiten, rein über CSS nicht nur Formatierungen vorzunehmen, sondern darüber hinaus auch unterschiedliche Bearbeitungsmasken und vieles mehr umzusetzen. Wir nennen es
Tipps und Debugmöglichkeiten zum Mehrfachuploader
kann mit einfachen Browserwerkzeugen untersucht bzw. können auch diverse manuelle Anpassungen stattfinden. Sowohl die Formatierung wie auch die Funktion kann bei Bedarf beeinflusst werden. Nachfolgende Beispiele zeigen entsprechende Möglichkeiten
includeCssRessources
Bindet alle registrierten CSS-Ressourcen ein
-w-editmaskExtended-id
Definiert, ob ein Eingabefeld für ein Individualformat (CSS id) angeboten wird
Link-Element: Teilformatierung im Link-Text vornehmen
Um einzelne Wörter im Link-Text hervorzuheben, können Sie mit aktuellstem Link-Weblic® auf eine CSS-Only-Eigenschaft zurückgreifen.
CSS-Rendering - Inhalte wie Bilder automatisch in passender Breite generieren
die Breitenangaben für die jeweiligen (Inhalts-) Bereiche definiert haben. Beispiel: Auszug aus der design.css zur Formatierung entsprechender Bereiche / Blöcke /* ... */ #blockMainOuter { margin: 10px auto; max-width: $widthBlockMainOuter;
Mobile First BASE: Listen um Objektdaten erweitern und beliebig formatieren
Artikel zeigt Ihnen, wie Sie ohne Anpassungen im Zeilen-Template: Neue Objektdaten über CSS-Only ergänzen Einfache Formatierungen über CSS-Only Dekoratoren umsetzen Beliebige Ausgaben über das Objekt-Template mit XSLT erstellen. Während bei
Änderungen in Weblication® CMS Core/GRID
Version 8.x 008.008.000.000 26.03.2015 Final Version 008.005.054.000 24.06.2014 Die Tagcloud wurde um CSS-Klassen zur Formatierung abhängig von der Gewichtung ergänzt 008.005.013.000 05.06.2014 Die Kategorienauswahl unterstützt bei Auswahlfeldern
Ansicht für die Druckfunktion definieren
angepasst werden. Das Template beinhaltet auch die Referenzierung zur CSS-Datei ( print.css ), über welche die Formatierung der Druckausgabe individuell
Snippets
kann mit einfachen Browserwerkzeugen untersucht bzw. können auch diverse manuelle Anpassungen stattfinden. Sowohl die Formatierung wie auch die Funktion kann bei Bedarf beeinflusst werden. Nachfolgende Beispiele zeigen entsprechende Möglichkeiten
wNewsletter::getDataNewsletter
path Pfad der zu versendenden E-Mail data Zu ermittelnde Daten (z.B. subject, fromName, receiversFile) format Optionale Formatierung der Rückgabe [|urlencoded] Hinweis Beim Einsatz von Framework-Funktionen in eigenen Skripten beachten Sie bitte den
Nützliche Helfer zum Debuggen von Javascript, CSS, HTML & Co
und die Arbeit eines Projektes auf. Häufig steht man bei Projektumsetzungen vor dem Problem, dass bestimmte (CSS) Formatierungen angepasst werden sollen, Javascript Fehler auftauchen oder sonstige Probleme mit der HTML-Struktur auftauchen. Hier
SVG-Grafik im Bild-Element nutzen
CSS formatierbar") zur Verfügung. Diese ermöglichen eine Beeinflussung hinsichtlich Breite, Höhe und individueller Formatierung. Weiterführende Links Farbe von
Listenerweiterungen
wie man über CSS-Only beliebige Objektdaten in Listen ausgibt: Neue Objektdaten über CSS-Only ergänzen Einfache Formatierungen über CSS-Only Dekoratoren umsetzen Beliebige Ausgaben über das Objekt-Template mit XSLT erstellen. Diese wurden nun
Copyright Angabe für Bilder umsetzen
Spalte sehen Sie eine Umsetzung über Bild-Variante 72, welche per CSS ein Copyright-Hinweis über das Bild legt. Die Formatierung können Sie individuell anpassen und legen dabei vorzugsweise die Schrift über die Copyright-Angabe, welche direkt ins
Abarbeitung der Skriptausführung bei der XSLT-Transformation
schliessende PHP-Tag automatisch geschrieben wird. Sofern über den PHP-Code HTML-Fragmente definiert werden (Bilder, Formatierungen, etc.), müssen Sie die Ausgabe über CDATA einschliessen. PHP in wsl:php Bereichen Sie können an beliebigen Stellen
Pflege von textbasierten Daten
definiert die zur Verfügung stehenden WYSIWYG-Buttons (Schaltflächen) ab Version 006.011.049.000 können der Formatierungsbox einzelne Werte mitgegeben werden, um die Auswahl auf diese Formatierungen zu beschränken (mit Leerzeichen getrennt),
Grundlagen von XML
die ausschliesslich aus Strings bestehen, zu speichern. Text-Nodes werden verwendet, um komplexe Textinhalte mit HTML-Formatierungen oder Pfadangaben zu speichern: Beispiel für die Dateispeicherung in Attributen und Textnodes id= " text " name= "
Weblics® 2.x in BASE 1.x nutzen
die bisherigen Elemente ersetzt werden müssen. Für über das Bild-Element eingebundene Bilder setzen Sie die CSS-Formatierungen in der design.css entsprechend, sofern dies in Ihrem Projekt noch nicht der Fall ist: /* Beispiel: Auszug aus einer
Grundlagen von XML
die ausschliesslich aus Strings bestehen, zu speichern. Text-Nodes werden verwendet, um komplexe Textinhalte mit HTML-Formatierungen oder Pfadangaben zu speichern: Beispiel für die Dateispeicherung in Attributen und Textnodes id= " text " name= "
Dateibearbeitung
Seite, die über den Struktureditor beliebig erweitert werden kann.
BASE Neuinstallation mit Übernahme der Inhalte
werden. Für weitergehende Anpassungen wechseln Sie in das Quelltext-Register und passen die CSS-Definitionen und Formatierungen manuell an. CSS-Only-Varianten nachinstallieren / übernehmen Wurden im alten Projekt CSS-Only-Varianten (für z.B.
So definieren Sie die Darstellung von Verweisen
" class " values= " " editable= " 1 " sheetRegister= " common " /> Was zur Auswahl der Darstellung und somit zur Formatierung eines Links letztendlich entscheidend ist, ist die Datei minimum.styleClasses.wEditorStyles.php , die auch im
So ändern Sie die Hinweismeldungen bei falschen Formulareingaben
mit der Klasse "errorMessages" ausgegeben. Um diesen anders darzustellen, passen Sie lediglich die Klassen-Formatierung in der design.css an. Die Überschrift der Hinweisbox wird innerhalb des Containers mit einer h4-Überschrift
Grundlagen von XML
die ausschliesslich aus Strings bestehen, zu speichern. Text-Nodes werden verwendet, um komplexe Textinhalte mit HTML-Formatierungen oder Pfadangaben zu speichern: Beispiel für die Dateispeicherung in Attributen und Textnodes id= " text " name= "
Positionierung der Strukturelement-Icons beeinflussen
Strukturelemente einer Liste in mehrspaltigem Container mit margin Weiterführende Links So beeinflussen Sie die Formatierung in der
Bild mit Textumfluß realisieren
o.g. Werkzeuge/Elemente. Weiterführende Links weblics.de: Bildelement weblics.de: Standard Fliesstext (mit WYSIWYG-Formatierung) Blog: So verbessern Sie
Responsive Webdesign
) mit einer max-width Angabe gesetzt ist, um die maximale Breite des Bereiches festzulegen. Ändern Sie die Formatierungsangabe zur Breite durch die Angabe width auf eine feste Breite. Beispiel: Auszug aus der design.css zur Breitenangabe der
Formulareingaben über Reguläre Ausdrücke validieren
RegEx-Überprüfung keine Aussagen darüber macht, ob die Telefonnummer tatsächlich existiert oder eine realistische Formatierung aufweist – sie prüft nur die allgemeine Struktur basierend auf den Vorgaben. Prüfen, ob ein Name eingegeben wurde
Bereich mit wechselbarem Bild umsetzen
{ position: absolute; top: 42px; right: 0px; max-width: 100%} Im Beispiel sieht die Webseite mit der entsprechenden Formatierung in der design.css wie folgt aus. Das bzw. die hinterlegten Bilder legen Sie in der von Ihnen gewünschten Grösse ab.
Eigene Strukturelemente umsetzen
src= " /weblication/grid5/gui/images/editor/config.gif " title= " {php:functionString('wTexts::showTextUser', 'Options', 'Formatierung')} " style= "