I have seen these options on some of the examples but I have no idea what they are?
.batch-options { color: #656565; font-size: 12px; margin: 5px 0; padding: 5px; border: 1px solid #000000; font-weight:bold; }
.batch-options > .batch-info { font-style: italic; margin: 5px 20px; font-weight: normal; }
.batch-buttons { float: right; margin: 5px 0 5px 5px; }
My ultimate goal is to get the delete button to work the way I have seen it in the demos. But man am I having issues. My thought was that I am missing a css somewhere.
Hello Abby,
Please do not hesitate to contact me if you have any further questions regarding this matter.
The batch updating styling classes are located in the ig_dataGrid.css file. Particular classes include those with UpdatedRow, AddedRow, DeletedRow and UndoButton in the class name, for instance:
.igg_DeletedRow { color: #9F9F9F; font-style: italic; text-decoration: line-through; } .igg_DeletedRow td { color: #9F9F9F; font-style: italic; text-decoration: line-through; } .igg_DeletedRow th { color: #9F9F9F; font-style: italic; text-decoration: line-through; } .igg_UndoButton { background-color: #8EBEE0; background-image: url(images/igte_spinbuttonbg.gif); background-position:top left; background-repeat: repeat-x; line-height:normal; border:solid 1px #699BC9; color: #FFFFFF; text-shadow: 1px 1px #0B2D4D; cursor: pointer; padding:3px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
Hope this helps in achieving the desired styling. Please do not hesitate to contact me if you have any questions.