Thumbnails are not showing in Rating form

1)
It should be created automatically when you save a scheme if you don’t set your own test image for the scheme.

2)
It should show in the “change role to” list at the top of the Users page

I use WPFront User Role Editor

3)
Did you actually drag the image file into the “Fields to be displayed in Rating” box?
If so, what actually shows in that column? A broken image symbol? What happens when you click there?

4)
Would be correct if the only inputs are text inputs. The program can’t tell when a text input is finished.

5)
Probably not important, but it shouldn’t be happening — I’ll fix it in the next release.

1) The test image supposedly to be created automatically, but it is not. In testing, I can see in the large image screen the rectangular box with instructional text and the red border but there is no test image display.

2) I checked that again and no the judge role is not created.

3) Stupid me, I have not dragged the Image File to the right. After I did that, the thumbnails were showing in the Rating screen. When I clicked on a thumbnail the very first time, the test image box showed, that was as expected (even though there was no image). But when I click OK, no image was displayed. When I click Next, no image was shown either, even though I could see in the Rating page it was advanced to the next row.

This sounds as if something may have gone wrong during installation.

The ewz_judge role (named ‘EntryWizard Judge’) should have been created during plugin activation.

It may be a good idea to uninstall and re-install. But before doing that, check your php error log files (default location is wp-conten/debug.log if you didn’t move it) for the time period when you activated ewq-rating. There may be a clue there.

I deactivated and deleted the existing install. Then reinstalled it again. Installation went through smoothly. I recreated the Scheme and Rating Form.
The EntryWizard Judge role is there. I can assign a user to that role. So this is fine.
I can see the test image in ewzr_test_images folder. This test image just contains text and no image. The box has a red border. Is this what it supposed to be, text only and no image?
Still on clicking the thumbnail image on the rating form, would not display the larger image. Clicking next or previous button on the display window would not display images.

This now sounds like an issue with the image display.

The test image sounds correct if you did not supply your own. It’s purpose is to give feedback on the screen sizing, to make sure the judge will see the entire image.

Do you see any javascript errors? (In chrome, right-click in window, select “inspect” and go to the Console tab.)

Any PHP errors in your debug.log?

Do the larger-size images actually exist on the server? (I presume the thumbnails show correctly).

The large images existed on the server together with the thumbnails.
I turned on debug mode in wp-config., but did not find any debug log under we-contents.
After I clicked the thumbnail on the rating form, the image display window opened. I activate the Console on this browser window and found the following text. Not sure if this is helpful. Thanks for looking into this.

Unknown category for SetEventRecordingEnabled: fxmonitor
Error: Can't find profile directory. 5 XULStore.jsm:66:15
Alternate Service Mapping found: https://fonts.googleapis.com:-1 to https://fonts.googleapis.com:443 2
Alternate Service Mapping found: https://www.google.com:-1 to https://www.google.com:443
Alternate Service Mapping found: https://fonts.googleapis.com:-1 to https://fonts.googleapis.com:443
Alternate Service Mapping found: https://www.gstatic.com:-1 to https://www.gstatic.com:443
Key event not available on some keyboard layouts: key=“i” modifiers=“accel,alt,shift” id=“key_browserToolbox” browser.xhtml
Alternate Service Mapping found: https://www.google.com:-1 to https://www.google.com:443
Alternate Service Mapping found: https://www.gstatic.com:-1 to https://www.gstatic.com:443
Alternate Service Mapping found: https://www.google.com:-1 to https://www.google.com:443 2
Alternate Service Mapping found: https://www.gstatic.com:-1 to https://www.gstatic.com:443 2
Alternate Service Mapping found: https://www.google.com:-1 to https://www.google.com:443
Alternate Service Mapping found: https://www.gstatic.com:-1 to https://www.gstatic.com:443 3
Alternate Service Mapping found: https://www.google.com:-1 to https://www.google.com:443
Alternate Service Mapping found: https://www.gstatic.com:-1 to https://www.gstatic.com:443
Alternate Service Mapping found: https://www.google.com:-1 to https://www.google.com:443
Alternate Service Mapping found: https://www.gstatic.com:-1 to https://www.gstatic.com:443
this.activeSection is undefined FormAutofillContent.jsm:884
Alternate Service Mapping found: https://www.google.com:-1 to https://www.google.com:443
Alternate Service Mapping found: https://www.gstatic.com:-1 to https://www.gstatic.com:443 3
Alternate Service Mapping found: https://www.google.com:-1 to https://www.google.com:443
Alternate Service Mapping found: https://www.google.com:-1 to https://www.google.com:443 3
[Exception... "Component returned failure code: 0x80520001 (NS_ERROR_FILE_UNRECOGNIZED_PATH) [nsIXPCComponents_Utils.readUTF8URI]"  nsresult: "0x80520001 (NS_ERROR_FILE_UNRECOGNIZED_PATH)"  location: "JS frame :: resource://gre/modules/L10nRegistry.jsm :: L10nRegistry.loadSync :: line 692"  data: no] L10nRegistry.jsm:692:19
Use of nsIFile in content process is deprecated. 9 NetUtil.jsm:253:8
Key event not available on some keyboard layouts: key=“i” modifiers=“accel,alt,shift” id=“key_browserToolbox” browser.xhtml
TypeError: channel is null sources-manager.js:425:7
Use of nsIFile in content process is deprecated. NetUtil.jsm:253:8
This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects for further details and to join the discussion on related tools and features! cmiframe.html
Successfully compiled asm.js code (total compilation time 101ms) demangle.js

Hi Josie,
I checked the image source in the large image display window and saw this code:

data-src=”https://xxxxxx/wp-content/uploads/ewz_img_uploads/2020Q1TestA/2020Q1TestA-Bryce_Canyon-2.x10217.jpg” style=” min-width: 980px; min-height:706px;”

The image file on the server is 2020Q1TestA-Bryce_Canyon-2.jpg. But in the code, .x10217 was added to the file name.

Is this supposed to be? Could this be the reason the image is not displayed because of file name difference?

Yes, that would be a problem.

Do you have some plugin that might be changing the filename?

The usual advice is to deactivate all other plugins, and see if that fixes the problem. If it does, activate them one-by-one until you find the one that triggers the issue.

Finally I find the cause of the problem. There is a conflict with one of my plugins. I disable the feature and images are now displayed in the second window.
Thanks.

I’m glad to hear you solved it.
If the conflicting plugin is a free one, could you tell me which one it is?
It may be possible to do something differently to avoid the issue.

Yes, I thought you may want to take a look to see if anything can be done in EWZ to eliminate such conflict. I did not use Entry Wizard to display images. It may have the same problem as in EWZ-Rating.
The plugin I use is the free version of W3 Total Cache. Its Lazy Load feature is causing the problem. Once I disable it, issue is resolved. But loading the large images in Rating is a little slow. Hopeful either your plugin or W3T Caching can improve, without the need to disable the feature.

Josie, I have a couple of followup questions, hope you don’t mind.
When the large image displayed in a separate window for the first time for a user (judge), there is a white border on the left edge of the image (about 1 pixel wide). It appears on and off like brinking. If I close it and click on the thumbnail again, this blinking may go away, but not always. I can’t figure out where this comes from. Any idea?

In testing, after I rated all the images, saved all. If I go back a second time to change or add comments and press save all again, the modified comments does not get saved (by reviewing the downloaded spreadsheet). In order to save the new/modified comments, I have to reassign the rating. Is this the expected behaviour? If not, what is the proper way to save new/modified comments?

Neither of these should be happening.

The first is vert odd, and I have no real idea what might cause it.

The second sounds as if it may possibly be a caching issue. Are you sure you have checked the option to disable caching for logged-in users?

The first issue is really odd. I cannot reproduce it all the time. I’ll leave it for now.

The second issue is my misunderstanding on the Save All Button. I thought all will be saved by just hitting any Save All button. Now I find out I have to hit the Save All button on the row where changes have been made, not just any Save All button.

I did have a check mark on “Disable caching for logged-in users”. I also have an option not to cache by user roles. Would you recommend EntryWizard Judge role not be cached as well? Judges will have to log in anyway.

It should not be possible to click “Save All” on an item you have not changed.
On an item that was changed, “Save All” should save all changed items.