Grafika formulárov v latte – Alebo ako použiť formulár z presentru s grafikou

Andurit

Čaute, prešiel som si https://doc.nette.org/cs/forms a napriek tomu, že som tam našiel zmienku o grafike formulárov akosi z toho nie som múdrejší takže som sa rozhodol využiť fórum.

Mám v presentri jednoduchý formulár na prihlásenie sa:

protected function createComponentSignInForm()
{
    $form = new Nette\Application\UI\Form;
    $form->addText('username', 'Username:')
        ->setRequired('Aké je vaše prihlasovacie meno?');

    $form->addPassword('password', 'Password:')
        ->setRequired('Vložt vaše heslo.');

    $form->addCheckbox('remember', 'Zostať prihlásený');

    $form->addSubmit('send', 'Prihlásiť!');

    // call method signInFormSucceeded() on success
    $form->onSuccess[] = $this->signInFormSucceeded;
    return $form;
}

A zasa v Latte mam stiahnuté HTML + odkazy na CSS:

<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Sign Up Form</title>
  <link rel="stylesheet" href="{$basePath}/css/login/style.css">
  <!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
{control signInForm}
  <form class="sign-up">
    <h1 class="sign-up-title">Prihláste sa</h1>
    <input type="text" class="sign-up-input" placeholder="Aké je vaše prihlasovacie meno?" autofocus>
    <input type="password" class="sign-up-input" placeholder="Vložt vaše heslo">
    <input type="submit" value="Prihlásiť!" class="sign-up-button">
  </form>
</body>
</html>

Samozrejme ak vložím {control signInForm} tak mi to vykreslí formulár bez grafiky. Ako môžem jednoducho len vložiť jednotlivé inputy namieto tých ktoré sú už v HTML?

Xethilos

Doufám, že tohle ti bude stačit

vymak

{form signInForm}
    <h1 class="sign-up-title">Prihláste sa</h1>
    <input n:name="username" type="text" class="sign-up-input" placeholder="Aké je vaše prihlasovacie meno?" autofocus>
    <input n:name="password" type="password" class="sign-up-input" placeholder="Vložt vaše heslo">
    <input n:name="send" type="submit" value="Prihlásiť!" class="sign-up-button">
{/form}

Editoval vymak (10. 11. 2014 22:08)

Andurit

Toto som si práve pozrel aj sám, asi je chyba vo mne no nezískal som všetko čo som potreboval :(

Andurit

Presne toto som potreboval, vďaka!!