Re: applying css to form input fields

2010-07-16 Thread Hilton Gonçalves
Hello Tomfox,

is possible in two ways:
1 - by jquery http://api.jquery.com/child-selector/
eg.:   $('.loginfield :text').addClass('');
or
2 - by css
eg.: .loginfield input[type=text]{xx:z}

bye,

Hilton

Check out the new CakePHP Questions site http://cakeqs.org and help others with 
their CakePHP related questions.

You received this message because you are subscribed to the Google Groups 
CakePHP group.
To post to this group, send email to cake-php@googlegroups.com
To unsubscribe from this group, send email to
cake-php+unsubscr...@googlegroups.com For more options, visit this group at 
http://groups.google.com/group/cake-php?hl=en


applying css to form input fields

2010-07-14 Thread Tomfox Wiranata
hi,

i am trying to pimp up my forms with css. but it seems a little more
difficult with cake. technically i wanna have my login form close to
facebook. elements side by side

username - inputfield  password - inputfield
remember me   forgot password?


i know it works like that:
echo $form-input('username',  array(
'label' = 'Login',
'div'='formfield',
'error' = array(
'wrap' = 'div',
'class' = 'formerror'
)
));


but this formats my label and inputfield..i want it to format
separately..and i cant get the above mentioned order done.. i always
get the elements one below the other...

username
inputfield

password
inputfield

how can i do that? thx :)

Check out the new CakePHP Questions site http://cakeqs.org and help others with 
their CakePHP related questions.

You received this message because you are subscribed to the Google Groups 
CakePHP group.
To post to this group, send email to cake-php@googlegroups.com
To unsubscribe from this group, send email to
cake-php+unsubscr...@googlegroups.com For more options, visit this group at 
http://groups.google.com/group/cake-php?hl=en


Re: applying css to form input fields

2010-07-14 Thread Jeremy Burns | Class Outfit
You probably just need to tweak the CSS using display: inline and so on.

What does the HTML output look like? It'll be easier to advise once we see that.

Jeremy Burns
Class Outfit

jeremybu...@classoutfit.com
http://www.classoutfit.com

On 14 Jul 2010, at 10:43, Tomfox Wiranata wrote:

 hi,
 
 i am trying to pimp up my forms with css. but it seems a little more
 difficult with cake. technically i wanna have my login form close to
 facebook. elements side by side
 
 username - inputfield  password - inputfield
 remember me   forgot password?
 
 
 i know it works like that:
   echo $form-input('username',  array(
   'label' = 'Login',
   'div'='formfield',
   'error' = array(
   'wrap' = 'div',
   'class' = 'formerror'
   )
   ));
 
 
 but this formats my label and inputfield..i want it to format
 separately..and i cant get the above mentioned order done.. i always
 get the elements one below the other...
 
 username
 inputfield
 
 password
 inputfield
 
 how can i do that? thx :)
 
 Check out the new CakePHP Questions site http://cakeqs.org and help others 
 with their CakePHP related questions.
 
 You received this message because you are subscribed to the Google Groups 
 CakePHP group.
 To post to this group, send email to cake-php@googlegroups.com
 To unsubscribe from this group, send email to
 cake-php+unsubscr...@googlegroups.com For more options, visit this group at 
 http://groups.google.com/group/cake-php?hl=en

Check out the new CakePHP Questions site http://cakeqs.org and help others with 
their CakePHP related questions.

You received this message because you are subscribed to the Google Groups 
CakePHP group.
To post to this group, send email to cake-php@googlegroups.com
To unsubscribe from this group, send email to
cake-php+unsubscr...@googlegroups.com For more options, visit this group at 
http://groups.google.com/group/cake-php?hl=en


Re: applying css to form input fields

2010-07-14 Thread Tomfox Wiranata
hi jeremy,

is there a feature that show how it looks in html?

On 14 Jul., 11:48, Jeremy Burns | Class Outfit
jeremybu...@classoutfit.com wrote:
 You probably just need to tweak the CSS using display: inline and so on.

 What does the HTML output look like? It'll be easier to advise once we see 
 that.

 Jeremy Burns
 Class Outfit

 jeremybu...@classoutfit.comhttp://www.classoutfit.com

 On 14 Jul 2010, at 10:43, Tomfox Wiranata wrote:

  hi,

  i am trying to pimp up my forms with css. but it seems a little more
  difficult with cake. technically i wanna have my login form close to
  facebook. elements side by side

  username - inputfield      password - inputfield
  remember me           forgot password?

  i know it works like that:
             echo $form-input('username',  array(
                     'label' = 'Login',
                     'div'='formfield',
                     'error' = array(
                             'wrap' = 'div',
                             'class' = 'formerror'
                             )
                     ));

  but this formats my label and inputfield..i want it to format
  separately..and i cant get the above mentioned order done.. i always
  get the elements one below the other...

  username
  inputfield

  password
  inputfield

  how can i do that? thx :)

  Check out the new CakePHP Questions sitehttp://cakeqs.organd help others 
  with their CakePHP related questions.

  You received this message because you are subscribed to the Google Groups 
  CakePHP group.
  To post to this group, send email to cake-php@googlegroups.com
  To unsubscribe from this group, send email to
  cake-php+unsubscr...@googlegroups.com For more options, visit this group 
  athttp://groups.google.com/group/cake-php?hl=en

Check out the new CakePHP Questions site http://cakeqs.org and help others with 
their CakePHP related questions.

You received this message because you are subscribed to the Google Groups 
CakePHP group.
To post to this group, send email to cake-php@googlegroups.com
To unsubscribe from this group, send email to
cake-php+unsubscr...@googlegroups.com For more options, visit this group at 
http://groups.google.com/group/cake-php?hl=en


Re: applying css to form input fields

2010-07-14 Thread Jeremy Burns | Class Outfit
View page source in your browser.

Jeremy Burns
Class Outfit

jeremybu...@classoutfit.com
http://www.classoutfit.com

On 14 Jul 2010, at 10:54, Tomfox Wiranata wrote:

 hi jeremy,
 
 is there a feature that show how it looks in html?
 
 On 14 Jul., 11:48, Jeremy Burns | Class Outfit
 jeremybu...@classoutfit.com wrote:
 You probably just need to tweak the CSS using display: inline and so on.
 
 What does the HTML output look like? It'll be easier to advise once we see 
 that.
 
 Jeremy Burns
 Class Outfit
 
 jeremybu...@classoutfit.comhttp://www.classoutfit.com
 
 On 14 Jul 2010, at 10:43, Tomfox Wiranata wrote:
 
 hi,
 
 i am trying to pimp up my forms with css. but it seems a little more
 difficult with cake. technically i wanna have my login form close to
 facebook. elements side by side
 
 username - inputfield  password - inputfield
 remember me   forgot password?
 
 i know it works like that:
echo $form-input('username',  array(
'label' = 'Login',
'div'='formfield',
'error' = array(
'wrap' = 'div',
'class' = 'formerror'
)
));
 
 but this formats my label and inputfield..i want it to format
 separately..and i cant get the above mentioned order done.. i always
 get the elements one below the other...
 
 username
 inputfield
 
 password
 inputfield
 
 how can i do that? thx :)
 
 Check out the new CakePHP Questions sitehttp://cakeqs.organd help others 
 with their CakePHP related questions.
 
 You received this message because you are subscribed to the Google Groups 
 CakePHP group.
 To post to this group, send email to cake-php@googlegroups.com
 To unsubscribe from this group, send email to
 cake-php+unsubscr...@googlegroups.com For more options, visit this group 
 athttp://groups.google.com/group/cake-php?hl=en
 
 Check out the new CakePHP Questions site http://cakeqs.org and help others 
 with their CakePHP related questions.
 
 You received this message because you are subscribed to the Google Groups 
 CakePHP group.
 To post to this group, send email to cake-php@googlegroups.com
 To unsubscribe from this group, send email to
 cake-php+unsubscr...@googlegroups.com For more options, visit this group at 
 http://groups.google.com/group/cake-php?hl=en

Check out the new CakePHP Questions site http://cakeqs.org and help others with 
their CakePHP related questions.

You received this message because you are subscribed to the Google Groups 
CakePHP group.
To post to this group, send email to cake-php@googlegroups.com
To unsubscribe from this group, send email to
cake-php+unsubscr...@googlegroups.com For more options, visit this group at 
http://groups.google.com/group/cake-php?hl=en


Re: applying css to form input fields

2010-07-14 Thread Yasir Arafat Hasib
If you have the cake.generic.css file or default cake php file.

there you will get a .input, textarea
classs
just change as you need


On Wed, Jul 14, 2010 at 3:43 PM, Tomfox Wiranata
tomfox.wiran...@gmail.comwrote:

 hi,

 i am trying to pimp up my forms with css. but it seems a little more
 difficult with cake. technically i wanna have my login form close to
 facebook. elements side by side

 username - inputfield  password - inputfield
 remember me   forgot password?


 i know it works like that:
echo $form-input('username',  array(
'label' = 'Login',
'div'='formfield',
'error' = array(
'wrap' = 'div',
'class' = 'formerror'
)
));


 but this formats my label and inputfield..i want it to format
 separately..and i cant get the above mentioned order done.. i always
 get the elements one below the other...

 username
 inputfield

 password
 inputfield

 how can i do that? thx :)

 Check out the new CakePHP Questions site http://cakeqs.org and help others
 with their CakePHP related questions.

 You received this message because you are subscribed to the Google Groups
 CakePHP group.
 To post to this group, send email to cake-php@googlegroups.com
 To unsubscribe from this group, send email to
 cake-php+unsubscr...@googlegroups.comcake-php%2bunsubscr...@googlegroups.comFor
  more options, visit this group at
 http://groups.google.com/group/cake-php?hl=en




-- 
Thanks  regards.

Yasir Arafat (Hasib)
Software Engineer
Epsilon Consulting and Development Services (ECDS)
Contact Information:
Cell : +8801816536901
Web: http://arafats.info

Check out the new CakePHP Questions site http://cakeqs.org and help others with 
their CakePHP related questions.

You received this message because you are subscribed to the Google Groups 
CakePHP group.
To post to this group, send email to cake-php@googlegroups.com
To unsubscribe from this group, send email to
cake-php+unsubscr...@googlegroups.com For more options, visit this group at 
http://groups.google.com/group/cake-php?hl=en


Re: applying css to form input fields

2010-07-14 Thread Tomfox Wiranata
of course ^^

here you go :)

form id=UserLoginForm method=post action=/muh/users/login
accept-charset=utf-8
div style=display:none;input type=hidden name=_method
value=POST //div

div class=loginfield requiredlabel
for=UserUsernameBenutzername/label
input name=data[User][username] type=text maxlength=50
id=UserUsername //div
div class=loginfield requiredlabel for=UserPwPasswort:/
labelinput type=password name=data[User][pw] id=UserPw //
div

input type=hidden name=data[User][remember_me]
id=UserRememberMe_ value=0 /
input type=checkbox name=data[User][remember_me] value=1
id=UserRememberMe /label for=UserRememberMeRemember Me/label

div class=submitinput type=submit value=Login //div/form

On 14 Jul., 11:55, Jeremy Burns | Class Outfit
jeremybu...@classoutfit.com wrote:
 View page source in your browser.

 Jeremy Burns
 Class Outfit

 jeremybu...@classoutfit.comhttp://www.classoutfit.com

 On 14 Jul 2010, at 10:54, Tomfox Wiranata wrote:

  hi jeremy,

  is there a feature that show how it looks in html?

  On 14 Jul., 11:48, Jeremy Burns | Class Outfit
  jeremybu...@classoutfit.com wrote:
  You probably just need to tweak the CSS using display: inline and so on.

  What does the HTML output look like? It'll be easier to advise once we see 
  that.

  Jeremy Burns
  Class Outfit

  jeremybu...@classoutfit.comhttp://www.classoutfit.com

  On 14 Jul 2010, at 10:43, Tomfox Wiranata wrote:

  hi,

  i am trying to pimp up my forms with css. but it seems a little more
  difficult with cake. technically i wanna have my login form close to
  facebook. elements side by side

  username - inputfield      password - inputfield
  remember me           forgot password?

  i know it works like that:
             echo $form-input('username',  array(
                     'label' = 'Login',
                     'div'='formfield',
                     'error' = array(
                             'wrap' = 'div',
                             'class' = 'formerror'
                             )
                     ));

  but this formats my label and inputfield..i want it to format
  separately..and i cant get the above mentioned order done.. i always
  get the elements one below the other...

  username
  inputfield

  password
  inputfield

  how can i do that? thx :)

  Check out the new CakePHP Questions sitehttp://cakeqs.organdhelp others 
  with their CakePHP related questions.

  You received this message because you are subscribed to the Google Groups 
  CakePHP group.
  To post to this group, send email to cake-php@googlegroups.com
  To unsubscribe from this group, send email to
  cake-php+unsubscr...@googlegroups.com For more options, visit this group 
  athttp://groups.google.com/group/cake-php?hl=en

  Check out the new CakePHP Questions sitehttp://cakeqs.organd help others 
  with their CakePHP related questions.

  You received this message because you are subscribed to the Google Groups 
  CakePHP group.
  To post to this group, send email to cake-php@googlegroups.com
  To unsubscribe from this group, send email to
  cake-php+unsubscr...@googlegroups.com For more options, visit this group 
  athttp://groups.google.com/group/cake-php?hl=en

Check out the new CakePHP Questions site http://cakeqs.org and help others with 
their CakePHP related questions.

You received this message because you are subscribed to the Google Groups 
CakePHP group.
To post to this group, send email to cake-php@googlegroups.com
To unsubscribe from this group, send email to
cake-php+unsubscr...@googlegroups.com For more options, visit this group at 
http://groups.google.com/group/cake-php?hl=en


Re: applying css to form input fields

2010-07-14 Thread Jeremy Burns | Class Outfit
So I guess you need to apply some style to div.loginfield label and 
div.loginfield input[type=text]. Perhaps make them display: inline for a 
start and give the label a width?

Jeremy Burns
Class Outfit

jeremybu...@classoutfit.com
http://www.classoutfit.com

On 14 Jul 2010, at 11:02, Tomfox Wiranata wrote:

 of course ^^
 
 here you go :)
 
 form id=UserLoginForm method=post action=/muh/users/login
 accept-charset=utf-8
 div style=display:none;input type=hidden name=_method
 value=POST //div
 
 div class=loginfield requiredlabel
 for=UserUsernameBenutzername/label
 input name=data[User][username] type=text maxlength=50
 id=UserUsername //div
 div class=loginfield requiredlabel for=UserPwPasswort:/
 labelinput type=password name=data[User][pw] id=UserPw //
 div
 
 input type=hidden name=data[User][remember_me]
 id=UserRememberMe_ value=0 /
 input type=checkbox name=data[User][remember_me] value=1
 id=UserRememberMe /label for=UserRememberMeRemember Me/label
 
 div class=submitinput type=submit value=Login //div/form
 
 On 14 Jul., 11:55, Jeremy Burns | Class Outfit
 jeremybu...@classoutfit.com wrote:
 View page source in your browser.
 
 Jeremy Burns
 Class Outfit
 
 jeremybu...@classoutfit.comhttp://www.classoutfit.com
 
 On 14 Jul 2010, at 10:54, Tomfox Wiranata wrote:
 
 hi jeremy,
 
 is there a feature that show how it looks in html?
 
 On 14 Jul., 11:48, Jeremy Burns | Class Outfit
 jeremybu...@classoutfit.com wrote:
 You probably just need to tweak the CSS using display: inline and so on.
 
 What does the HTML output look like? It'll be easier to advise once we see 
 that.
 
 Jeremy Burns
 Class Outfit
 
 jeremybu...@classoutfit.comhttp://www.classoutfit.com
 
 On 14 Jul 2010, at 10:43, Tomfox Wiranata wrote:
 
 hi,
 
 i am trying to pimp up my forms with css. but it seems a little more
 difficult with cake. technically i wanna have my login form close to
 facebook. elements side by side
 
 username - inputfield  password - inputfield
 remember me   forgot password?
 
 i know it works like that:
echo $form-input('username',  array(
'label' = 'Login',
'div'='formfield',
'error' = array(
'wrap' = 'div',
'class' = 'formerror'
)
));
 
 but this formats my label and inputfield..i want it to format
 separately..and i cant get the above mentioned order done.. i always
 get the elements one below the other...
 
 username
 inputfield
 
 password
 inputfield
 
 how can i do that? thx :)
 
 Check out the new CakePHP Questions sitehttp://cakeqs.organdhelp others 
 with their CakePHP related questions.
 
 You received this message because you are subscribed to the Google Groups 
 CakePHP group.
 To post to this group, send email to cake-php@googlegroups.com
 To unsubscribe from this group, send email to
 cake-php+unsubscr...@googlegroups.com For more options, visit this group 
 athttp://groups.google.com/group/cake-php?hl=en
 
 Check out the new CakePHP Questions sitehttp://cakeqs.organd help others 
 with their CakePHP related questions.
 
 You received this message because you are subscribed to the Google Groups 
 CakePHP group.
 To post to this group, send email to cake-php@googlegroups.com
 To unsubscribe from this group, send email to
 cake-php+unsubscr...@googlegroups.com For more options, visit this group 
 athttp://groups.google.com/group/cake-php?hl=en
 
 Check out the new CakePHP Questions site http://cakeqs.org and help others 
 with their CakePHP related questions.
 
 You received this message because you are subscribed to the Google Groups 
 CakePHP group.
 To post to this group, send email to cake-php@googlegroups.com
 To unsubscribe from this group, send email to
 cake-php+unsubscr...@googlegroups.com For more options, visit this group at 
 http://groups.google.com/group/cake-php?hl=en

Check out the new CakePHP Questions site http://cakeqs.org and help others with 
their CakePHP related questions.

You received this message because you are subscribed to the Google Groups 
CakePHP group.
To post to this group, send email to cake-php@googlegroups.com
To unsubscribe from this group, send email to
cake-php+unsubscr...@googlegroups.com For more options, visit this group at 
http://groups.google.com/group/cake-php?hl=en