Styling the Draggable View

Listing 29.15 shows the CSS code you use to style the draggable view defined in the sections above so that you can see why things look and act as they do. Figure 29.3 shows the rendered draggable view with the CSS styling applied.

Listing 29.15 draggable_styles.css: Implementing the CSS styles for the draggable view

Click here to view code image

01 .dragImage{
02     height:100px;
03 }
04 .dragLabel{
05     background-color:rgba(255, 255, 255, 0.5);
06     display:inline-block;
07     font: 20px/28px Georgia, serif;
08     padding:5px;
09 }