Total noob problem: reversi tutorial, can't display board

[Duggo42]

Hey everyone,

I'm new to BGA Studio, so very sorry for this basic question. I've done a search, scanned through the first 10 pages of the forum and even Google the problem but couldn't turn up an answer.

Basically, I'm following the Reversi tutorial and embarrassingly can't seem to get the board to display at the very beginning steps of the tutorial.

I've made a new project called "tutorialdug" via the control panel.

I've edited tutorialdug_tutorialdug.tpl and added

Code: Select all

<div id="board"></div>

right under the line that says "This is your game interface. You can edit this HTML in your ".tpl" file.".

I've edited tutorialdug.css and added

Code: Select all

#board {
    width: 536px;
    height: 528px;
    background-image: url('img/board.jpg');
}

right under the line, "/********* You can start writing your CSS below this line: **********/".

I've got my ftp file sync'd and made sure that the changes to the files were reflected on the server. I've got my board.jpg uploaded into the /img folder.

However, when I start the game the board doesn't show up. I've refreshed the page multiple times and it doesn't show up.

I edited the .css file to display the page text in red, but I'm not seeing that change either; so it seems like tutorialDug.css is just being ignored?

I'm sure I'm doing something wrong here, but the steps seem so straight forward I can't see where I've gone wrong.

Thanks in advance for any help!

[XCID]

Hi, I just started a tutorialdug game and I can see the board right under the "This is your game interface" line. Maybe it's a problem with your browser cache?

rev.jpg (10.96 KiB) Viewed 2168 times

As for the red text, there doesn't seem to be a declaration in your css file. Maybe forgot to upload it after editing?

[Duggo42]

Oh wow, the cache was it. Changes to the .tpl file were showing up, so I didn't think that was it but after seeing your post I cleared my cache and there was the board.

Thanks so much for taking the time to investigate and your reply!

Oh, I removed the red text change right before posting this thread. Sorry, I should have mentioned that.

[HumanBot]

In case you didn't know, you could do ctrl-f5 to refresh the page and reload the css assets. Makes the testing process a little quicker.

[Duggo42]

Awesome, thanks!

[KuWizard]

BTW, in Chrome DevTools there's a checkbox in Preferences-> Network which says "Disable cache (while DevTools is open)" - it can save your from this problem

[Duggo42]

Oh wow, even better! Thanks for mentioning it