wtyczka CLIPBOARD – button i treść w różnych wierszach

  • Rozwiązano zyga91

    (@zyga91)


    6 years, 3 months temu

    Cześć,

    Mam problem z pluginem CLIPBOARD, a mianowicie, kiedy umieszczam kod na jednej ze swoich wordpressowych stron, to guzik służący do kopiowania zawartości jest umieszczany jako nowy akapit.

    Screenshot

    Sam kod strony wygląda tak:

    [sekcja]
[kolumna rozmiar="1/2"]
<strong>Bla bla bla</strong>

Bla bla bla
Bla bla bla
Bla bla bla

<strong>NIP:</strong> Bla bla bla
<strong>REGON:</strong> Bla bla bla
[/kolumna]
[kolumna rozmiar="1/2"]
<strong>Nr konta dla płatności w PLN</strong>
ING
<p><input id="copy1" type="text" value="Bla bla bla" /><button class="btn" data-clipboard-target="#copy1">Kopiuj</button></p>
PKO BP SA
<input id="copy2" type="text" value="Bla bla bla" /><button class="btn" data-clipboard-target="#copy2">Kopiuj</button>

<strong>Nr konta dla płatności w EUR</strong>
SWIFT INGBPLPW
<input id="copy3" type="text" value="Bla bla bla" /><button class="btn" data-clipboard-target="#copy3">Kopiuj</button>

<strong> Dla płatności w EUR przez podmioty zagraniczne</strong>
SWIFT INGBPLPW
<input id="copy4" type="text" value="Bla bla bla" /><button class="btn" data-clipboard-target="#copy4">Kopiuj</button>

[/kolumna]
[/sekcja]

    Ma ktoś pomysł jak to zrobić, aby komórka i guzik były w tym samym wierszu?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Paweł Knapek

    (@adpawl)

    6 years, 3 months temu

    dla inputa i buttona ustaw w stylach display:inline-block;

    Twórca wątku zyga91

    (@zyga91)

    6 years, 3 months temu

    #copy1 {
	display:inline-block;
}
button.btn {
	display:inline-block;
}

    Wrzucenie tych linijek do style.css nie pomogło.

    EDIT
    Sprawę załatwiło dodanie do inputu wartości width. Dzięki za pomoc. 🙂

    • Ta odpowiedź została zmodyfikowana 6 years, 3 months temu przez zyga91.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Temat ‘wtyczka CLIPBOARD – button i treść w różnych wierszach’ jest zamknięty na nowe odpowiedzi.