azlivin008

My container element is defined in functions, but the map was not picking it up on desktop (mobiles seemed to pick up the width, but displayed the map slightly off-center).

In case anybody else is still having issues with maps inside of tabs, I found a somewhat simple solution by creating a .map-canvas class in css with widths defined in vw & vh dimensions instead of px or %. I wrapped flexible map that was hidden inside the tab in the class=”map-canvas”, then made the map width=”100% and height=”100%” in the shortcode of the map.

For anybody else looking for a somewhat easy solution without having to deal with js, changes to functions.php or extra plugins, here is what I did:

in your css file add:

/* to handle large desktop with content & sidebar */
.map-canvas {width: 55vw; height: 50vh; margin 0 auto; }

/* to handle devices with one-column or landscape mobiles add */
@media only screen and (max-width: 700px) {
.map-canvas {width:85vw; height: 90vh; }
}
/* to handle portrait view of smaller devices add */
@media only screen and (max-width: 480px) {
.map-canvas {width:90vw; height: 75vh; }
}

Then, wrap your map shortcode inside the div class:

<div class="map-canvas">[flexiblemap shortcode here width="100% height="100%]</div>

Play with vw & vh dimensions as needed for your site and preferences. It’s not perfect, but it’s easier than anything else I’ve found & I was able to test it on large monitor 1920×1080 desktop, Samsung Note3 mobile and kindle fire HD tablet.

When going to the demo site, the only thing that displays is a map. There are no icons or places on the actual map.

In Chrome and FF, the location with links and descriptions are also shown as a list below the map. In IE, there is just nothing there but white space. Here is a screen shot taken using IE11

one drive link

same issue as above. the category is there, but no widgets available. Also breaks the css of my theme (generate press)

I’m still running IP2Location on https://www.ScottsdaleBargainMansions.com. I have the settings to block all front and back end countries except USA, but I continued to get registrations from .pl and .de.

IP addresses that registered or attempted registrations:

31.6.71.17
107.155.65.139
162.218.239.21
162.218.239.53
176.61.142.206
176.61.142.207
178.19.99.66
220.128.107.41

Changing everything to cryout fixed the problem, but the column shortcode on visual editor comes out using the mixed mantra and cryout shortcodes. I did not manually enter them.

Thanks for the advice on how to fix ??

found a fix here. Formatting is off, but at least the forms reappeared.
https://www.fastsecurecontactform.com/forms-did-not-import

I just updated your plugin and all of my forms disappeared! I had about 10 of them, and they were very complicated to create, so I really don’t want to have to re-create them.

I’m getting an error:
Contact Form Shortcode Error: Form 2 does not exist
https://www.golfat55.com/email-updates/

the fullscreen option does not work.

Thank you:

1. The caption issue is fixed and the gallery is functioning well.

2. Adding width=”100%” gave me some strange height problems, so I included [height=”627″] in the gallery code and that made the gallery fit properly.

Thank you for this great plugin and for your fabulous support!

The problem does seem to have been caused by the captions. I removed the captions and the photos/thumbnails are now aligned and the gallery contains the correct images.

The captions were just regular captions added thru the WP gallery and did not contain any links, so the bug in the fotorama plugin is somehow occurring when adding captions to photos.

Also, the fotorama still will not go full-width (it assumes a sidebar, even when none exists).

I’m glad to know I can still use it though – even if I can’t add captions.

The captions are just regular captions from the WP gallery….they do not contain links.

If you click the thumbs of the images on the fotorama-test page (https://www.golfat55.com/fotorama-test/), the thumbnail images do not match the large images. Click each thumbnail and see that it does not match the large image.

Also, note the captions…each caption appears twice in a row, even though I have the “id” only listed once, and each and every caption is unique. Each caption should only appear ONCE. I’ve numbered them so you can see them easily.

The gallery is coming up incorrectly on FF, IE10 and two different computers, so it’s not a browser cache issue or a specific browser issue.

The width assumes there is a sidebar, even when none exists. That was true on two different websites, and two completely different themes. The width should be the full page width on the test page.

The shortcode is the recommended shortcode [gallery ids="1,2,3" allowfullscreen="true" nav="thumbs"]

I love the plugin and have used the older versions of fotorama even before they were available in the WP repository…I’ve ben anxiously awaiting a new WP version, so I really hope the bugs can get ironed out. I’m excited about being able to use it.

I’ve just updated fotorama to the newest version and now the gallery does not function correctly. The thumbs do not match the photos, and the entire gallery comes out in random order instead of the order of the photo IDs.

Also, the fotorama max width assumes a sidebar, even though the page is fullwidth and does not contain a sidebar. This happened with two different themes…both times fotorama assumed a sidebar and would only go to “content” width instead of full page width.

You can see the sample at: https://www.golfat55.com/fotorama-test/

I LOVE Fotorama, and would really like to get this working. Any help would be appreciated.

I’m having the same problem, but I have paid for the “upgraded” skins and can’t use the plugin. Do you have an estimated release date for the update?

For those who are looking for a way to put fields side by side, I found a way that works. I am not the developer of this plugin, so I cannot provide support related to your individual theme. This worked for me. I tested it in IE9 and FF…hopefully it will work for you too.

It’s not as hard as it looks, but you have to follow each step carefully.

1) Go to the custom stylesheet section of the form:
Form Name ->
General Settings | Confirmation | Notification | Fields | Appearance | Entries ->
Settings | Style Sheet | Confirmation Mssg | Notification Mssg

2) Enter a custom style for the left side and right side sections. Here is my custom style, but you’ll need to play with the exact locations based on the width and height of your form:

.cell01-left {position:relative; left:0px; display:inline-block; float left;}

.cell01-right {position:relative; left:370px; top:-171px; display:inline-block;}

3) In the “fields” section of the form, you will need to identify EACH field that you want on a left/right layout with the left or right style sheet you’ve created. You will also need a separate “section” for the right-side fields to show up correctly in all browsers. Here is how you add the section and styles:

LEFT SIDE FIELDS
For the left fields, go to EACH field you want on the left side and:
set style -> advanced -> Row CSS Class -> enter the left-side CSS class you created in #2 above. Mine was cell01-left.
NOTE: Be sure to CHECK the box for “set style” or it will ignore the style.

RIGHT SIDE FIELDS – 1ST CREATE A RIGHT SIDE SECTION
Add a “section” from the list of field types (be sure to UNCHECK “show label”). Put your “right side” CSS style in:
set style -> Field CSS Class -> enter the right-side CSS class you created in #2 above. Mine was cell01-right.
NOTE: Be sure to CHECK the box for “set style” or it will ignore the style.

RIGHT SIDE FIELDS
Place all of the “right side” fields in the “right side” section you just created.
Just like in the “LEFT SIDE FIELDS” section, go to:
set style -> advanced -> Row CSS Class -> enter the right-side CSS class you created in #2 above. Mine was cell01-right.
NOTE: Be sure to CHECK the box for “set style” or it will ignore the style.

—
You might have to play around with the margins in the “set style -> Field CSS styles” sections to get everything aligned the way you want it.

I put a demo up for you to see the result: https://www.lavitaarizona.com/contact-test