Sicherung erstellen-Button in Oracle Apex 5

Wie kann ich eine Sicherung erstellen-Button in der Oracle Apex-5 ? Ich bin mit Universal Theme in meiner Anwendung.

Habe ich Schaltfläche Attribute als unten.

Sicherung erstellen-Button in Oracle Apex 5

Aber es zeigt wie diese.

Sicherung erstellen-Button in Oracle Apex 5

UPDATE

Nach der Verwendung style="background-image:url(#APP_IMAGES#holidays.png);background-repeat:no-repeat;" im Schaltfläche Attribute Feld -, Bild-Anzeige.

Sicherung erstellen-Button in Oracle Apex 5

Anstelle der vollständigen Bild-es zeigt zugeschnittene Bild.

Wie kann ich dieses Problem lösen ?

InformationsquelleAutor Bishan | 2015-05-14
  1. 3

    Den button Vorlagen der Universal-Thema in APEX 5.0 sind CSS nur Symbole. Wenn Sie brauchen, ein Bild-button nur für eine kleine Anzahl von Schaltflächen, verwenden Sie die "Text" - Taste, Vorlage, und geben Sie

    <img src="#APP_IMAGES#holidays.png">

    in der "Label" - Attribut der Schaltfläche. Wenn Sie wollen, zu Ihrem eigenen Image-Taste, Vorlage, wechseln Sie zu Freigegeben Komponenten -> Vorlagen und kopieren Sie die vorhandenen "Symbol und Text" - Taste, Vorlage und nennen Sie es "Bild und Text" und verwenden Sie den folgenden HTML-markup

    <button class="t-Button t-Button--icon #BUTTON_CSS_CLASSES#" #BUTTON_ATTRIBUTES# onclick="#JAVASCRIPT#" type="button" id="#BUTTON_ID#"><img src="#ICON_CSS_CLASSES#"><span class="t-Button-label">#LABEL#</span></button>

    Verwenden Sie das Symbol "CSS-Klassen" - Attribut der Schaltfläche, um das Bild anzugeben.

    Hoffe, das hilft
    Patrick

    • Danke. Es hat geklappt 🙂
    • Viel besser als meine Antwort. Willkommen Patrick!
    InformationsquelleAutor Patrick Wolf
  2. 1

    Sind Sie versuchen, zu definieren, der den Pfad zu einem Bild in ein Feld für die Angabe einer CSS-Klasse. Entweder erstellen Sie eine CSS-Klasse definiert Ihre Bild und verwenden Sie diese, oder einen Verweis auf die Bild direkt in der "Schaltfläche Eigenschaften" - Feld.

    e.g...

    .holidayButton {
  background-image:url(#APP_IMAGES#holidays.png);
  background-repeat:no-repeat;
}

    oder

    style="background-image:url(#APP_IMAGES#holidays.png);background-repeat:no-repeat;"

    Werden Sie wahrscheinlich wollen, zu Lesen, bis auf CSS und ein Spiel mit haben einige der Attribute, die in Ihrer Entwickler-tools, während Ihre Anwendung ausgeführt, um die Feinabstimmung Dinge. Der MDN-Website ist eine hervorragende Ressource.

    https://developer.mozilla.org/en-US/docs/Web/CSS/background-image

    • Ihre Lösung gearbeitet. Aber immer noch ein Problem haben. Finden Sie die aktualisierte Frage.
    • Versuchen style="background-image:url(#APP_IMAGES#holidays.png);background-repeat:no-repeat;background-size:contain". Ich bin kein CSS-Experte, fürchte ich! Versuchen Sie, das Spiel mit den Stilen in Ihrem browser über die Entwickler-tools. Dies ist wichtig für alle web-Applikations-Entwickler.
    • Vielen Dank für Ihre Unterstützung. Ich werde dies prüfen.
    InformationsquelleAutor Drumbeg
Schreibe einen Kommentar