ogobrecht / markdown-apex-plugin

Oracle APEX Dynamic Action Type Plugin: Markdown
https://apex.oracle.com/pls/apex/f?p=66154
Other
16 stars 1 forks source link

Markdown Readonly auf einer Login Seite; Text immer fett #3

Closed pettinger closed 8 years ago

pettinger commented 8 years ago

Hallo Ottmar, ich schon wieder ;-) Ich habe einen Textbereich auf der Login Seite, in dem ich mit Markdown formatierte Inhalte darstellen möchte. Solange ich das Textfeld nicht als Readonly kennzeichne ist alles schick. Im Readonly Mode wird der gesamte Text, auch der nicht extra formatierte, mit einer Font Weight 700 dargestellt. Ich habe mir schon den Source der fertigen Seite angesehen. Irgendwoher kommt eine CSS Formatierung

.t-Form-inputContainer span.display_only {
    font-weight: 700;
}

Das Beispiel gibts auf https://apex.oracle.com/pls/apex/f?p=34793:101:14659712714781::::: Anmeldung als DEV mit DEMO/DEMO WS:ETI

ogobrecht commented 8 years ago

Hallo Peter,

willkommen im Land der unbegrenzten CSS Möglichkeiten. Ich kann mit meinem Plugin leider nicht alle Fälle aller Anwendungen der Welt abdecken. Ich habe das CSS mit Bedacht so gestaltet, dass es sich in das vorhandene Seitenlayout einfügt - durch relative Größenangaben oder den Verzicht auf Font-Angaben.

Bei einer Loginseite hast Du hier halt die Besonderheit, dass die Schöpfer gewisse Texte ziemlich Fett darstellen wollen. Du musst in solchen Fällen immer das störende CSS in der jeweiligen Seite oder übergreifend auf Seite 0 redefinieren. Du kannst auch in den Plugineinstellungen unter Shared Components > User Interface > Component Settings > Markdown[Plugin] > Custom Styles Regeln hinterlegen, die dann immer bei Verwendung des Plugins in die Seite geschrieben werden.

Du musst halt nur aufpassen, ob dann alles noch so funktioniert, wie es soll...

Für Deinen konkreten Fall der Loginseite würde ich erst einmal auf der Loginseite selbst dieses Inline-CSS definieren - damit sollte Dein Problem behoben sein:

.t-Form-inputContainer span.display_only { font-weight: normal; }

Wenn Dir der Fehler auch auf anderen Seiten passiert, dann scheint das eine Eigenschaft Deines verwendeten Themes zu sein. In diesem Fall macht es dann wohl Sinn, das CSS global z.B. als Custom Styles in den Pluginsettings unterzubringen.

Alternativ kannst Du natürlich auch völlig anders vorgehen und gar kein Item verwenden und einfach den Text in eine HTML Region eintragen - dann solltest Du das Problem mit der Read-Only-Klasse gar nicht haben:

<div class="markdown">Dein Text...</div>

Dieses Vorgehen funktioniert auch bei Region-Headern und Footern und allen anderen Bereichen, wo man HTML hinterlegen kann.

Wie immer gibt es viele Wege - und Du musst Dich entscheiden ;-)

Beste Grüße Ottmar