HTML, JS, CSS calendar in Appstudio problem

1

I am using a third party calendar (they give us licenses for the semester) for about the 5th year in my course. The demo I downloaded worked fine in just the browser (using it’s .html home page).
However, when I take it apart and put it into Appstudio, I get nothing on the screen. Here is what I’m doing - I’m following the tutorial they have on their site for the eventcalendar-mobile-month-viewdemo.zip.

  1. I copy the 2 header files and paste them in my project extraheaders property:
<link href="css/mobiscroll.javascript.min.css" rel="stylesheet" />
<script src="js/mobiscroll.javascript.min.js"></script>
  1. I copied 2 folders (css and js) that contained css and a js file and added them to my project folder. I also added their names to the extrafiles property:
css/icons_mobiscroll.ttf
css/icons_mobiscroll.woff
css/mobiscroll.javascript.min.css
css/styles.css
js/mobiscroll.javascript.min.js
  1. I copied the css from the .html homepage and put it in a styles.css file in the css folder of my project.
  2. I put an HTMLview control on the form and in it’s .innerHTML property put the html the tutorial gave me. I also tried just using the html out of the .html homepage file.
  3. The tutorial supplied javascript - I put it on the code side of the form. Tried it with no event and tried inside a form .onshow() event.

So far nothinig works. Can you think of anything that I might have missed on the Appstudio side? These are free demos so don’t need a key or license code.

Thanks!
CindyCal3.appstudio.zip (279.3 KB)
eventcalendar-mobile-month-viewdemo.zip (255.5 KB)

2

Tip : If you’re pasting code, html or config files, surround the code with triple back ticks (```), before the first line and after the last one. It will be formatted properly. (We fixed it for you this time)

3

Thanks. I also tried embedding another set of html dubs and one header. Exact same outcome. Makes me wonder if it’s a header problem. Could that be possible?

4

I found this post here: https://discuss.appstudio.dev/t/appstudio-9-0-5-released/4020/10?u=cindycc

It talks about this problem on June 5 with an earlier version. Is there a fix for the current version 9,1.1.1? On a Mac - thanks!

5

I tried your app. The MobiScroll code is loading properly, so that’s not the problem.

Since the app is accessing data outside the local browser, you need to run it using Deploy to Local Folder.

Next, you should have a look at the code in the eventcalendar_mobile-month-view.html sample. Make sure that everything that is needed there is in the AppStudio version. (It isn’t now).

This looks like it should work, if it is set up properly.

1 Like
6

Thanks! Oh, and when I deploy to Volt it started giving me an error message that APP Disabled, am I using the demo, etc. I have signed up in Appstudio - is there a limit? Advice? Thanks

7

(this really should be a separate topic)

What’s the URL of your app?

8

(sorry)
The url of one I just tried is https://cindycalendar2-traces-vacantly.volt.live/.

9

Can I get a hint? :slight_smile:

10

To which question? You have two issues in this thread

11

One thing I noticed with the sample is this code, which does not appear to be in your app:

    <div mbsc-page class="demo-mobile-month-view">
        <div style="height:100%">
                <div id="demo-mobile-month-view"></div>
      
        </div>
    </div>

That’s the div which is supposed to display the calendar. There may be other things as well.

12

Cindy - can you email support@appstudio.dev with the serial number you are using? I suspect there’s a mismatch in the accounts.

13

Where is my serial number? Is it in here:

redacted

Cindy

14

@cindycc - please do not post your serial number in public.

We’ll issue you a new one and cancel this one.

15

OK. Students will have to change it also, right? Thanks -

16

Yes, I’m afraid so.

17

Ok. Thanks

Cindy

18

When will this happen? The term is almost over, and I need to help students with their projects. Right now that means getting the Doordash API to work. But I am getting the App Disabled message again. Anything that can be done? Thanks