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,
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.
Please do not hesitate to contact me if you have any further questions regarding this matter.