Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Introduction to Ruby on Rails 7!
You have completed Introduction to Ruby on Rails 7!
Preview
Give your login and signup pages some flair. Whether you prefer custom CSS or a front-end framework like Bootstrap, we’ll cover the basics of styling views that handle user authentication.
This video doesn't have any notes.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
All right, so in this video we're
going to be styling these pages.
0:00
The login page, the signup page, the
forgot your password page, and also, well,
0:04
the login page, every user authentication
page, we're going to be styling it.
0:10
So the way that I'm gonna do this is
I'm gonna create a new style sheet and
0:15
I'm gonna go along the process
with you a little bit more, but
0:19
I'm also gonna import my own styles.
0:22
So we're gonna call this style sheet, so
go to Assets and then style sheets and
0:24
create a new file,
we're gonna call it device CSS.
0:29
And in this file we're gonna use
all of these for the device,
0:33
this is for the device folder.
0:37
So we're gonna go to registrations new and
we're gonna say style sheet,
0:40
link tag and then quotes and
we're gonna say device.
0:45
Then copy this to the edit,
copy it to the sessions,
0:48
this is the login page and
then also the passwords new and
0:54
that's pretty good for now.
1:00
Now first of all we're gonna focus on the
registration, so this is the sign-up page.
1:04
Now as this is not a course on styling and
CSS, it's not a front-end course,
1:08
it's a Ruby on Rails course.
1:12
I don't wanna teach you how to style this,
that's not the purpose of the course and
1:14
I'm sure you already know how to do it.
1:18
So if you just wanna learn Ruby on Rails,
don't style your application,
1:20
there's really no point unless you really
wanna make it nice and pretty looking and
1:23
you have OCD like me.
1:27
I'm just gonna copy in
the styles that I already have,
1:28
it makes no difference functionality-wise,
it just looks better for YouTube mainly.
1:31
So I'll copy in the sign-up page,
and it goes from this to this,
1:36
it's a bit better, and
then I'll do the same for
1:42
the login and
the forgot your password page.
1:46
And so after all that,
this is what it looks like.
1:50
So we have the signup page looking
a little bit better, login page and
1:53
forgot your password looking nice.
1:58
All it did was change the styles and
it looks magnificently better,
2:01
significantly better.
2:05
So that's the end of this video, in
the next video we're going to be styling
2:07
the actual trees so
they look a little bit better.
2:11
And then after that we're finally gonna
get to some fun logic with the trees so
2:13
that they actually belong to the user and
nobody else can delete them.
2:17
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up