Super E-book library

The user needs to perform those steps interactively.
Chapter 7: Integrating with iPhone Services
170
In order to add Google Maps integration with iProspector, two new capabilities need to be added to its
Contact panel. First, multiline, read-only address information needs to be displayed in its own box.
Second, a new action button style needs to be created to emulate the button functionality of the native
iPhone Contact UI.
Creating a Contacts Address Box
To define an address box, define a div with a new style named rowCuiAddressBox . Inside of it, add a
cui label and then cui p elements for each line of the address:

work

1520 Main Street

Boston, MA 01210

Next, going back to cui.css, four new styles need to be defined:
.rowCuiAddressBox {
position: relative;
min-height: 24px;
border-bottom: 1px solid #999999;
-webkit-border-radius: 0;
text-align: left;
}
.rowCuiAddressBox > p.cui {
box-sizing: border-box;
margin: 0;
border: none;
text-align: left;
padding: 2px 10px 0 80px;
height: 30px;
background: none;
font-weight: bold;
}
fieldset > .rowCuiAddressBox:first-child {
padding-top: 12px;
border-bottom: none !important;
}
fieldset > .


Pages:
177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201