Přidání ikony do každé možnosti selectu
- medunrad
- Člen | 27
Ahoj, nevím si rady s tím, jak přidat ikonu ke každé možnosti v selectu.
Formulář vytvářím následovně
public function createComponentSearchForm(){
$form = new Nette\Application\UI\Form;
$form->addSelect("service", "Služba", $this->services["name"])
->setRequired("Vyberte službu");
$form->addSelect("city", "Město" , $this->cities["name"])
->setRequired("Vyberte město");
$form->addSubmit("save", "Hledat")
->getControlPrototype()
->setName('button')
->setHtml('<span class="glyphicon glyphicon-search"></span>');
$form->onSuccess[] = array($this, "searchFormSucceeded");
return $form;
}
a vykresluji takto:
{form searchForm, class => "form-inline"}
<div class="form-group">
{input service, class => "list-group-item"}
</div>
<div class="form-group">
{input city, class => "list-group-item"}
</div>
<div class="form-group">
{input save, class => "list-group-item btn btn-default"}
</div>
{/form}
Podobný problém jsem řešil u tlačítka pro odeslání formuláře, nicméně tam se mi podařilo ikonku přidat přes getControlPrototype(), u selectu už mě nic dalšího nenapadá, prosím zkušenější o radu :)
- nightfish
- Člen | 518
medunrad napsal(a):
Ahoj, nevím si rady s tím, jak přidat ikonu ke každé možnosti v selectu.
Podle specifikace HTML může být obsahem <option>
toliko
text, takže s HTML kódem (včetně Bootstrap glyphicon) nepochodíš.
Maximálně tak můžeš zkusit nějaké emoji, ale to si nacpeš rovnou do
$this->services['name']
.
- CZechBoY
- Člen | 3608
Co používáš za plugin?
Já používám toto
https://silviomoreto.github.io/…ct/examples/#…
- medunrad
- Člen | 27
CZechBoY napsal(a):
Co používáš za plugin?
Já používám toto
https://silviomoreto.github.io/…ct/examples/#…
Nepoužívám žádný, nicméně vyzkouším výše zmíněný, díky