Grimmy's Forum Posts

  • Also worth noting, the screen sharing problem started happening in a live app with no updates from me, so I suppose this is cause from a new Chrome or Android update? Anyone know?

  • Hi, I have a strange issue that just started happening. My app grabs a screenshot and shares it. This worked fine up until one of the latest releases of C3 or maybe a Chrome update but now on ANdroid device I get an error.

    When doing a AJAX request on Android device I now get the following error:

    cordova.js:314 Uncaught TypeError: entry.file is not a function

    On PC the taking of screenshot and downloading it works fine but on PC now I started getting the error when sharing:

    [Share plugin] Share failed: DOMException: Failed to execute 'share' on 'Navigator': Must be handling a user gesture to perform a share request.

    Which is odd because it always worked before.

    I also tried putting everything into the onclick event but the Share plugin still complains unless it's the very first line of the event- this means its actually impossible to share a screenshot anymore.

    Any ideas?

    Thanks

  • Not of interest to many but I made an app for a small town in Argentina..it's a bit like yellow pages or something similar. It's almost completely HTML and js and makes use of construct engine where required. Here it is: https://play.google.com/store/apps/details?id=com.ruleoffun.todopergamino

    Cheers

    Tagged:

  • It seems that HTML elements are drawn in front of the canvas and so when I do a canvas snapshot the HTML elements are not taken into account.

    Is there some way of doing this?

  • When I try this on a different device the issue does not happen?

    How can I make sure the html element is always at 0,0 on all devices?

    I can manually shift the html element in code but as the offset is different on different devices I'll need to check the value of the 'left' attribute in the root div.(Which is above my own html) But how would I do that??

  • The WAAAY better way to do this is using CSS (logic) alone: 

    /* if no image source set display to none!! */
.image[src=''] {
display:none;;
visibility:hidden;
 /* elseif */
}

    Good page about CSS logic here: https://dev.to/iamschulz/writing-logic-in-css-3ig0

  • Hi. I am adding the following style via Javascript to individual html elements. (In my case when an image has no content I want to set the display to 'none' so the 'not loaded' graphic cant be seen and the layout is arranged accordingly) 

    myImageElement.style.display = 'none';

    This works fine on Preview within C3 resulting in... 

    <img class="image" src="" style="display: none;">

    ..but when I export to ANdroid and inspect via the remote inspector the elements don't get modified and simply read: 

    <img class="image" src="">

    Any Ideas??

    Cheers

    Tagged:

  • I have a html element which covers the screen. It has a wrapper css as in the example: 

    position: absolute;
	left: 0;
	top: 0;
	right: 0px;
	bottom: 0;

    However, when I run on android the html element is either offset to the left or clips out at the right of the device screen.

    I have the top bar turned off on android export but I see this issue even with it switched on.

    Everything looks perfect in preview. Its fully responsive when I manually adjust the widow size in the preview.

    Any ideas how to get the preview to match the export?

    I have attached an image so you can see the differences between the preview and device build.Note the buttons at the bottom and the whole html element is offset about 10 pixels to the left..

    EDIT: When doing a remote debug I can see there is a left:-5 offset in one of the construct divs (not mine) See image.

    Thanks

    Tagged:

  • I can style the list object itself using a class or id and I can also access the option elements within the list to style them. However, when I do something in CSS like 

    #my_dropdown option{

background-color: #FBCB2C;
margin: 50px 0;

}

    The background colour of each list item is affected but the margin parameter has no effect. I notice that the list is of class 'select' but whatever I try I cant seem to change the distance between list items.

    Basically I want the list item to be easier to use for mobile users and the current spacing between items seems too narrow.

    Cheers

    Tagged:

  • Ah I found it.

    Create a HTML element and then as an action in your events sheet choose "Create sprite as image Element"

    Cheers

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads

  • Hi Ashley. What does that mean exactly? How do I do this? Do I need to create a HTML Element for this?

  • For example, I have a whats app icon which I am currently getting from a Fontawesome url at runtime and I embed in my html like this: 

    <i class="fa fa-whatsapp fa-1x"; style="color:white; padding:5px;";></i>

    However, I want to use a local file from my project so that the users can see it if they are offline too.

    How can I embed a local image into my html?

    Something like this>>? ..but how exactly do I reference to image?? 

    <i class="myLocalImage"; style="color:white; padding:5px;";></i>

    Tagged:

  • I did notice that the iFrame is not the issue.

    Even if I tried to call the Whats app link through my own js/html the link would still fail. (I tried with all targets _blank,_self,_parent etc)

    However, if I make a js function call to my event sheet which in turn opens the URL then the link opens correctly.

  • The solution to all this was to put my list.js file into the files folder and NOT the scripts folder. Everything works now just as it does in the preview.

    I have no idea why though.

  • From what I can tell through some debugging is that one of my scripts (list.js) never gets loaded (in the built apk version only).

    I've tried adding a Main Script (set as main script) with just the single line:

    import "./list.js";

    ..but still content in the list.js script doesn't seem to run.

    I get the error in remotote preview:

    c3runtime.js:2801 Unhandled exception running script Event sheet 1, event 2, action 6: ReferenceError: List is not defined

    As I said, it all works perfectly well in the preview but not in an exported apk.

    UPDATE:

    I think I managed to force the script to load but now in the apk build it just hangs on the loading screen (presumably when the script loads). There is no information at all in the Chrome remote inspector so I have no idea what the error is.