Přidání ikony do každé možnosti selectu

Upozornění: Tohle vlákno je hodně staré a informace nemusí být platné pro současné Nette.
medunrad
Člen | 27
+
0
-

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
+
+1
-

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
+
+1
-

Co používáš za plugin?
Já používám toto
https://silviomoreto.github.io/…ct/examples/#…

medunrad
Člen | 27
+
0
-

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