Background/header for Formotion forms in RubyMotion

Neeraj Singh

By Neeraj Singh

on June 8, 2013

Formotion for Rubymotion makes it a breeze to create views with forms. I am building a rubymotion app and my login form uses formotion. I needed to set background color for my form and here is how you can set a background color for a form created using Formotion.

1class LoginViewController < Formotion::FormController
3  def viewDidLoad
4    super
5    view = UIView.alloc.init
6    view.backgroundColor = 0x838E61.uicolor
7    self.tableView.backgroundView = view
8  end

After the login view is done loading, I'm creating a new UIView and setting its background color. Then this UIView object is set as the background view to formotion's table view.

Setting header image

If you want to add some branding to the login form, you can add a image to the form's header by adding the below code to viewDidLoad:

1header_image = UIImage.imageNamed('header_image_name.png')
2header_view = UIImageView.alloc.initWithImage(header_image)
3self.tableView.tableHeaderView = header_view

We are creating a UIImageView and initializing it with the image we want to show in the header. Now, set the tableview's tableHeaderView value to the UIImageView we created.

Stay up to date with our blogs. Sign up for our newsletter.

We write about Ruby on Rails, ReactJS, React Native, remote work,open source, engineering & design.