SpiderBasic Library - Liste neuer Funktionen

Hier könnt ihr alle Fragen zu SpiderBasic austauschen.
stevie1401
Beiträge: 659
Registriert: 19.10.2014 15:51
Kontaktdaten:

Re: SpiderBasic Library - Liste neuer Funktionen

Beitrag von stevie1401 »

Danke für die Info :)
Ich programmiere nur noch mit Linux.
Linux Mint 21.x
Benutzeravatar
dige
Beiträge: 1179
Registriert: 08.09.2004 08:53

Re: SpiderBasic Library - Liste neuer Funktionen

Beitrag von dige »

@RSBasic: Gibt es eine Möglichkeit den Placeholder zu stylen? Insbesondere beim EditorGadget

Ciao Dige
"Papa, mein Wecker funktioniert nicht! Der weckert immer zu früh."
Benutzeravatar
Kiffi
Beiträge: 10620
Registriert: 08.09.2004 08:21
Wohnort: Amphibios 9

Re: SpiderBasic Library - Liste neuer Funktionen

Beitrag 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)
Hygge
Benutzeravatar
dige
Beiträge: 1179
Registriert: 08.09.2004 08:53

Re: SpiderBasic Library - Liste neuer Funktionen

Beitrag 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..
"Papa, mein Wecker funktioniert nicht! Der weckert immer zu früh."
Benutzeravatar
Kiffi
Beiträge: 10620
Registriert: 08.09.2004 08:21
Wohnort: Amphibios 9

Re: SpiderBasic Library - Liste neuer Funktionen

Beitrag 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
Hygge
Benutzeravatar
dige
Beiträge: 1179
Registriert: 08.09.2004 08:53

Re: SpiderBasic Library - Liste neuer Funktionen

Beitrag 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
"Papa, mein Wecker funktioniert nicht! Der weckert immer zu früh."
Benutzeravatar
Kiffi
Beiträge: 10620
Registriert: 08.09.2004 08:21
Wohnort: Amphibios 9

Re: SpiderBasic Library - Liste neuer Funktionen

Beitrag 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.
Hygge
Antworten