Vianoce v ITnetwork sú tu! Dobí si teraz kredity a získaj až 80 % extra kreditov na e-learningové kurzy ZADARMO. Zisti viac.
Hľadáme nové posily do ITnetwork tímu. Pozri sa na voľné pozície a pridaj sa k najagilnejšej firme na trhu - Viac informácií.

Diskusia – 8. diel - Bootstrap - Tlačidlá

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
Avatar
Patrik Weber
Člen
Avatar
Patrik Weber:16.2.2018 14:03

je super že tu je i BS a ulehčím si tím studium v angličtině :D s tímto se styluje jedna radost ;)

 
Odpovedať
16.2.2018 14:03
Avatar
Tomas
Člen
Avatar
Tomas:27.2.2018 13:11

Jen takový detail :) - Tohle je asi myšlené opačně:

.btn-group-lg pro malá tlačítka
Nic pro standardní velikost
.btn-group-sm pro velká tlačítka

 
Odpovedať
27.2.2018 13:11
Avatar
David Hartinger
Vlastník
Avatar
Odpovedá na Tomas
David Hartinger:11.3.2018 21:48

Díky, opraveno :)

Odpovedať
11.3.2018 21:48
New kid back on the block with a R.I.P
Avatar
Jan Jurníček
Člen
Avatar
Jan Jurníček:9.11.2018 18:55

Tlačítko s dropdownem potřebuje popper.js nebo popper.min.js a zde bych chtěl varovat před verzí, která je momentálně jako balíček na NuGet. Momentálně je tam starší verze 1.14.3, která způsobuje chybu v Bootstrapu, totiž, že objekt Popper není definován.

Verze, kterou použil autor a také verze stažené z adres, na něž odkazuje autor Popperu Federico Zivolo alias FezVrasta na svých stránkách, fungují. Jsou to tedy adresy https://unpkg.com/popper.js a https://unpkg.com/…opper.min.js, odkazované z https://github.com/…ta/popper.js#…

 
Odpovedať
9.11.2018 18:55
Avatar
Jan Jurníček
Člen
Avatar
Jan Jurníček:10.11.2018 14:03

Zjistil jsem, že nynější verze 4.1.3 Bootstrapu nezná třídu "input-group-addon", takže konstrukci

<span class="input-group-addon" id="btnGroupAd­don">www.</span>

z příkladu "Nástrojová lišta" je nutno nahradit konstrukcí

<div class="input-group-prepend">
<span class="btnGrou­pAddon" id="basic-addon1">www.</span>
</div>
kterou najdeme zde: https://getbootstrap.com/…input-group/

 
Odpovedať
10.11.2018 14:03
Avatar
Jan Jurníček
Člen
Avatar
Odpovedá na Jan Jurníček
Jan Jurníček:10.11.2018 16:19

Opravuju odkaz https://getbootstrap.com/…input-group/
a konstrukci:
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1">@</span>
</div>

 
Odpovedať
10.11.2018 16:19
Avatar
Jan Jurníček
Člen
Avatar
Odpovedá na Jan Jurníček
Jan Jurníček:12.11.2018 8:38

A ještě musím opravit svůj komentář k Popperu. Problém spočívá v tom, že je potřeba zajistit dvě věci:

  1. Je třeba, aby byla použita verze Popperu, uložená v podsložce umd. Takže - stáhnete-li si balíček popper.js do Visual Studia, použijte link na "/Scripts/umd/pop­per.min.js".
  2. Link by měl předcházet linku na bootstrap. Ve Visual Studiu 2017 jsem to zajistil tak, že jsem link zaregistroval v metodě statické RegisterBundles třídy BundleConfig, uložené ve složce App_Start:

    bundles.Add(new ScriptBundle("~/bun­dles/popper.js")­.Include(
    "~/Scripts/um­d/popper.min.js"));

 
Odpovedať
12.11.2018 8:38
Avatar
Jan Jurníček
Člen
Avatar
Odpovedá na Jan Jurníček
Jan Jurníček:12.11.2018 8:41

... a v záhlaví stránky (zde master page) jsem doplnil:
<asp:PlaceHolder runat="server">
<%: Scripts.Render("~/bun­dles/moderniz­r") %>
<%: Scripts.Render("~/bun­dles/popper.js") %>
</asp:PlaceHolder>

 
Odpovedať
12.11.2018 8:41
Avatar
Jiří Pokorný
Člen
Avatar
Jiří Pokorný:19.1.2023 11:28

Prosím o sdělení, jaký .js soubor je nutné stáhnout pro funkci vypínače. Zkoušel jsem bootstrap.min.js, popper.min.js, bootstrap.bun­dle.min.js a stále to nefuguje. Děkuji.

 
Odpovedať
19.1.2023 11:28
Avatar
Jiří Pokorný
Člen
Avatar
Jiří Pokorný:19.1.2023 15:21

Už jsem na to přišel, chyba byla v tom, že jsem používal nejnovější verzi Boostrapu (5.3), nikoliv verzi 4.6, která umožňuje ostylování tlačítek jako vypínače. (JS plugin verze 5.3 nelze použít k vytvoření "vypínače" dle výše uvedeného tutoriálu.)

 
Odpovedať
19.1.2023 15:21
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zatiaľ nikto nevložil komentár - buď prvý!