Seite 9 von 9

Re: SpiderBasic Library - Liste neuer Funktionen

Verfasst: 07.02.2019 17:20
von stevie1401
Danke für die Info :)

Re: SpiderBasic Library - Liste neuer Funktionen

Verfasst: 20.07.2020 10:15
von dige
@RSBasic: Gibt es eine Möglichkeit den Placeholder zu stylen? Insbesondere beim EditorGadget

Ciao Dige

Re: SpiderBasic Library - Liste neuer Funktionen

Verfasst: 20.07.2020 10:23
von Kiffi
dige hat geschrieben:Gibt es eine Möglichkeit den Placeholder zu stylen?
definiere 'stylen'. Beispiel? Screenshot?

// Edit:

Code: Alles auswählen

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
::placeholder {
  color: red;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: red;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: red;
}
</style>
</head>
<body>

<p>Change the placeholder color:</p>

<input type="text" placeholder="A red placeholder text..">

</body>
</html>
(Quelle: https://www.w3schools.com/howto/howto_c ... holder.asp)

Re: SpiderBasic Library - Liste neuer Funktionen

Verfasst: 20.07.2020 14:15
von dige
SpiderBasic unterstützt nur beim StringGadget einen Placeholder. Wenn ich über obigen Code einen
Placeholder im EditorGadget hinzufüge, werde dafür andere Styles verwendet.
Ich möchte gern ein einheiltiches Layout für alle Placeholder. Vorzugsweise das gleiche, das beim StringGadget() verwendet wird.
D.h. den gleichen Font, Italic und das gleiche Margin..

Re: SpiderBasic Library - Liste neuer Funktionen

Verfasst: 20.07.2020 14:46
von Kiffi
dige hat geschrieben:Ich möchte gern ein einheiltiches Layout für alle Placeholder.
Da musst Du ein wenig mit CSS ausprobieren. Die Selektoren habe ich ja oben gepostet.

Grüße ... Peter

Re: SpiderBasic Library - Liste neuer Funktionen

Verfasst: 09.11.2020 14:49
von dige
RSBasic hat geschrieben:Die Möglichkeit, einen Placeholder-Text hinzuzufügen, besteht nur beim StringGadget, aber nicht beim EditorGadget und andere Input-Gadgets. Jetzt es ist auch beim EditorGadget, SpinGadget, DateGadget und ComboBoxGadget möglich. Außerdem kann man den Placeholder-Text auch jederzeit wieder ändern:

Code: Alles auswählen

EnableExplicit

Procedure SetGadgetPlaceHolder(gadget, text.s)
  ! var GadgetElement = $(spider_GadgetID(v_gadget).div);
  
  Select GadgetType(gadget)
    Case #PB_GadgetType_String, #PB_GadgetType_Spin, #PB_GadgetType_Date, #PB_GadgetType_ComboBox
      ! GadgetElement.find("input").attr("placeholder", v_text);
    Case #PB_GadgetType_Editor
      ! GadgetElement.find("textarea").attr("placeholder", v_text);
  EndSelect
  
EndProcedure

;================================================== Beispielcode ==================================================

If OpenWindow(0, 0, 0, 500, 400, "Window", #PB_Window_ScreenCentered)
  StringGadget(1, 10, 10, 200, 20, "", 0)
  EditorGadget(2, 10, 40, 200, 200, 0)
  SpinGadget(3, 10, 250, 90, 20, 0, 100, 0)
  ComboBoxGadget(4, 110, 250, 100, 20, #PB_ComboBox_Editable)
  
  SetGadgetPlaceHolder(1, "Hello")
  SetGadgetPlaceHolder(2, "Hola")
  SetGadgetPlaceHolder(3, "Hallo")
  SetGadgetPlaceHolder(4, "Hallo")
  
EndIf

Hallo RSBasic,

ich möchte den Editor Placeholder Text gern stylen. Wie komme ich an den Style des Placeholders heran?
Hast du eine Idee?

Ciao Dige

Re: SpiderBasic Library - Liste neuer Funktionen

Verfasst: 09.11.2020 14:54
von Kiffi
dige hat geschrieben:Wie komme ich an den Style des Placeholders heran?

Code: Alles auswählen

! $("<style>::placeholder {color: blue; font-size: 1.5em;}</style>").appendTo("head");
// Edit : Upsi! Habe ich ja schon mal gepostet.