close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

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

Thread began 3/26/2013 11:31 am by Andrew Read | Last modified 3/26/2013 3:25 pm by Jason Byrnes | 650 views | 10 replies |

Andrew Read

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.

Sign in to reply to this post

Andrew Read

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%;' ??

Sign in to reply to this post

Andrew Read

Still no images

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:

php:
<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';" />
Sign in to reply to this post

Jason ByrnesWebAssist

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.

Sign in to reply to this post

Andrew Read

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?

Sign in to reply to this post

Jason ByrnesWebAssist

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

Sign in to reply to this post

Andrew Read

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

Thx.

Sign in to reply to this post

Jason ByrnesWebAssist

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

Sign in to reply to this post

Andrew Read

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.

Sign in to reply to this post

Andrew Read

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.

;)

Sign in to reply to this post
loading

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...