Welcome to TalkGraphics.com
Results 1 to 9 of 9
  1. #1

    Default Widget disappears on mobile view

    I have a widget (code supplied by vendor) on the main page of the website. It's a box to search for a car. However, when viewed on mobile (or shrink browser to mobile view) the widget disappears. There is plenty of space around it on mobile but won't show up. Can't figure this one out. Can anyone help?

    https://centralccu.com/

    html: <div id="gcSearch" style="width: 300px;">
    <script src="https://centralccu.groovecar.com/select-embed/ui/js/select-embed.js"></script>
    </div>

  2. #2
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    35,502

    Default Re: Widget disappears on mobile view

    I looked on my iPhone X in Safari and Edge and I see a blank area which is probably what is not showing up.

    Does it show when you preview it in Xara? And have you checked to make sure the widget is on the MouseOff layer?
    Gary W. Priester
    Mr. Moderator Emeritus Dude
    , Sir

    gwpriester.com | Custom-Stereograms.com | eyeTricks on Facebook






  3. #3

    Default Re: Widget disappears on mobile view

    It is on MouseOff layer. It does not show up when previewing in Xara.

  4. #4
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    35,502

    Default Re: Widget disappears on mobile view

    I just published the code in a placeholder on my xara.hosting account and it does not appear on my iPhone.

    Acorn or Egg or anyone else, can you sort this out.

    I did notice when I previewed the widget in Xara that is sets off center. So I wonder if somehow it is there but off the visible page.
    Gary W. Priester
    Mr. Moderator Emeritus Dude
    , Sir

    gwpriester.com | Custom-Stereograms.com | eyeTricks on Facebook






  5. #5

    Default Re: Widget disappears on mobile view

    I can't get it to show even off center when previewing. I tried deleting in off the page and drawing a new placeholder and adding the html but still it doesn't show up. Is there anything in the html that might be at odds with smaller screen? I don't see how, but at a loss here.

  6. #6
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    18,407

    Default Re: Widget disappears on mobile view

    I believe the issue is caused by the coding being shared between the desktop and mobile variant, similar to what happens with form scripting. In fact when I tried this on a simple two variant site the desktop showed the widget twice on one variant and not at all on the other!

    A possible workaround would be to create an independant web page containing the script and call up this web page in an iframe. I think this might work as the form opens a new window once the car model is selected but I'm slightly unsure re the size of the car model drop-down menu.

    <iframe src="http://parkeston.com/groove-car/index.htm" frameborder=0 width=340 height=274>
    <p>Your browser does not support iframes.</p>
    </iframe>
    IFRAME DEMO
    Egg

    Intel i7 - 4790K Quad Core + 16GB Ram + 232 GB SSD
    Xara Designer Pro X 16

  7. #7
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    8,377

    Default Re: Widget disappears on mobile view

    Quote Originally Posted by Egg Bramhill View Post
    I believe the issue is caused by the coding being shared between the desktop and mobile variant, similar to what happens with form scripting. In fact when I tried this on a simple two variant site the desktop showed the widget twice on one variant and not at all on the other!
    A possible workaround would be to create an independant web page containing the script and call up this web page in an iframe. I think this might work as the form opens a new window once the car model is selected but I'm slightly unsure re the size of the car model drop-down menu.
    IFRAME DEMO
    Thanks for doing this Egg. Gary and I had a PM chat and I was reluctant to try the separate web page and then use Embed a widget on each Variant. I though it too hard to get across to most.

    Acorn
    Acorn - My currently active Xara software: occasionally serviced XDPX, purposely unserviced XDPX12 & XDPX11 (32/64-bit), unserviced XWD Premium 15 & 12, XPGD10, X3D7 and lots of 'permanently-owned' licences back through time (to CC's Artworks)

  8. #8

    Default Re: Widget disappears on mobile view

    Quote Originally Posted by Acorn View Post
    Thanks for doing this Egg. Gary and I had a PM chat and I was reluctant to try the separate web page and then use Embed a widget on each Variant. I though it too hard to get across to most.

    Acorn
    Thank you all. I will try that and let you know.

  9. #9
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    35,502

    Default Re: Widget disappears on mobile view

    Or I am not sure if you can generate a separate widget for the mobile variant. That might change the code.
    Gary W. Priester
    Mr. Moderator Emeritus Dude
    , Sir

    gwpriester.com | Custom-Stereograms.com | eyeTricks on Facebook






 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •