Posts tagged ‘html’

RIM enables BIS 2.5: Hotmail/Live push, HTML email on OS 4.5

If you’re lucky enough to have a BlackBerry device running OS 4.5, BlackBerry Internet Service is now enabled for Rogers and should also be ready for most - if not all other North American carriers.

4.5 OSes are officially available for most recent GSM/EDGE devices. I’d recommend staying away from beta releases, as they contain debugging utilities and aren’t as stable as carrier-certified versions.

To find out if your device has an official upgrade available, look at the stickied threads for your device at BlackBerry Forums. These forums include the 81xx, the 83xx and the 88xx.

If you don’t have OS 4.5, you can still add Hotmail, Windows Live and AOL accounts for push email through your carrier’s BIS site.

Here’s how to activate HTML email for devices running OS 4.5:

1. Sign into your carrier’s BIS site:

2. From the site, click Service Books / Send Service Books.

3. When your device receives the service books, go into Messages / BlackBerry menu / Options and choose Email Settings. For each account, change “Enable HTML Email” to Yes.

Web dev quick tip: Style your INPUT elements by type

One thing I recently found out from looking through some example CSS: when doing web development or design, you may want to apply certain attributes to one type of input field but not another. For example,

is coded:

<input type="button" value="A Button" />

The problem therein is that you may want different borders, backgrounds or sizing attributes for your buttons, text fields, radio buttons, check boxes and password fields. Internet Explorer is an especially aggravating candidate for this, since it enforces border styles around the actual radio button itself. Safari behaves differently than other browsers as well, since it likes to enforce OS X-style control attributes.

In your CSS file or <style> tag section, you can force specific elements with attributes to take certain styles, such as this example from a recent project:

input[type="text"], input[type="password"], textarea {
border: 1px solid #aaa;
background-color: #f5f5f5;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
border: 1px solid #336bc3;
background-color: #ffffff;
}
input[disabled][type="text"] {
border: 1px solid #888;
background-color: #ddd;
}
input[disabled][type="text"]:hover {
border: 1px solid #888;
background-color: #ddd;
}

In this example, text fields and textarea elements will be styled with a specific background color and border, which won’t affect other elements such as buttons.

Another neat trick I’ve learned while working on this project is the ability to put action images inside <button> elements. Instead of the <input type="button" /> tag, using the HTML 4 <button> element allows even more tricks. For example:

<button type="button"><img src="images/rss.gif" alt="" /> RSS</button>

would give something like this: