Image files not displayed for delete and insert on results page.

:: Windows 7 x64, Dreamweaver CS5.5, DataBridge 1.1.3 ::

WebAssist >> Database >> Data Assist Pages
=====================================

A couple of issues have arisen. First off my Results page shows no images at all for the buttons just small blank boxes. Possibly because the folder is misnamed in the CSS? The code below was created - but the folder is named "icons" without capitals, possibly because I already had this folder created for other areas of my website. Should this folder not be placed within the "webassist" folder ("/webassist/images/Icons/" would have been fine)?

form.Basic_Default input.formButton.WTSCv1.DeleteButton {
     background-repeat: no-repeat;
     background-position: center center;
     cursor:pointer;
     width:29px;     height:29px;
     background-image:url(../../images/Icons/delete.png), url(../../webassist/forms/gradient.php?from=D6E1F3&to=96B1E0);     background-image:url(../../images/Icons/delete.png),
  -moz-linear-gradient(top, #D6E1F3, #96B1E0);
          background-image:url(../../images/Icons/delete.png),
  -o-linear-gradient(top, #D6E1F3, #96B1E0); 
         background-image:url(../../images/Icons/delete.png),  -webkit-linear-gradient(#D6E1F3, #96B1E0);
          background-image:url(../../images/Icons/delete.png),
  -webkit-gradient(linear,left top, left bottom, color-stop(0, #D6E1F3), color-stop(1, #96B1E0));
          background-image:url(../../images/Icons/delete.png),  linear-gradient(top, #D6E1F3, #96B1E0);
     filter:none;
 }

My other question right now is why is this not contained within an external stylesheet? I have to make any code changes on every page the way it is creating these now.

As I am digging through the error logs a bunch of warnings pop up about these CSS entries:

.messageContainer {
     display: none;
     position: absolute;
     top:0;     width: 100%;
     height:100%;
     z-index:1002;
     text-align:center;
     style="height:100%;
     #position: relative;
     overflow: hidden;
 }
 .messageWrapper {
     #position: absolute;
      #top: 50%;
     display: table-cell;
      vertical-align: middle;
     }

Are all of the "#someAttribute" entries browser hacks? What about the entry that has 'style="height:100%;' ??

There are still no images in those buttons, changed the file path and no go. Any ideas why?

CSS

form.Basic_Default input.formButton.WTSCv1.DeleteButton {
    background-repeat: no-repeat;
    background-position: center center;
    cursor:pointer;
    width:29px;
    height:29px;
    background-image:url(../../images/icons/delete.png), url(../../webassist/forms/gradient.php?from=D6E1F3&to=96B1E0);
    background-image:url(../../images/icons/delete.png),  -moz-linear-gradient(top, #D6E1F3, #96B1E0);
    
    background-image:url(../../images/icons/delete.png),  -o-linear-gradient(top, #D6E1F3, #96B1E0);
    
    background-image:url(../../images/icons/delete.png),  -webkit-linear-gradient(#D6E1F3, #96B1E0);
    
    background-image:url(../../images/icons/delete.png),  -webkit-gradient(linear,left top, left bottom, color-stop(0, #D6E1F3), color-stop(1, #96B1E0));
    
    background-image:url(../../images/icons/delete.png),  linear-gradient(top, #D6E1F3, #96B1E0);
    filter:none;
}
form.Basic_Default input.formButton.WTSCv1.DeleteButton:hover {
    background-repeat: no-repeat;
    background-position: center center;
    cursor:pointer;
    width:29px;
    height:29px;
    }

Button Call:

<input type="button" class="formButton ResultsPageButton WTSC_v1 DeleteButton" value="" onclick="document.getElementById('WADADeleteRecordID').value=<?php echo($row_WADAactivities['activ_ID']); ?>;document.getElementById('deleteBox').style.display = 'block';document.getElementById('deleteMessage').style.display = 'table';" />

I have added feature requests to have the images placed in the web assist directory and the styles to be external.

yes, the #someAttribute are browser hacks.

the 'style="height:100%;' is a bug that i have logged.

without being able to see the page in a browser, the only guess i have for the icons not showing is that they have not been uploaded to the browser.

I just deleted the files as I don't have time to sit around and fix these things right now.. too much actual work to get done. ;)

I will quickly try to recreate them and I can send you the URI to look at the pages by PM.

Using a different theme seems to work better. I am simply starting with "unstyled" now and will work on the styles myself.

Why are they styles for the results pages not referenced extenally?

i have logged a feature request for the styles to be external.

OK, so no PM available, how do I send you this link without it being public? :)

Thx.

i started an incident for your other issue, you can send a link in that ticket.

Done.

Now onto another issue.

When using the "<-- unstyled -->" Design Preset no CSS entries are created at all, it would be good if at least the default CSS types were added but blank for things like textarea_Large, etc. It would give a better base to work with. :)

As it stands now it creates text areas that are 1 x 1.. pretty useless and lots of work to make it pretty on a grand scale.

Update to original issue, there was an underscore in my button styling preset name "NAME_v1" and the underscore was being removed from CSS.

Solution options:

1) Don't use underscores in your namings until this bug is fixed.

or

2) Use find and replace to get CSS to match page code or visa versa until the bug is fixed.

;)