Using Tabs For Layout Does Not Work When Published

[fchintc]

I am using WWB 19.4.4. When I view a web site locally (where WWB is installed), the tabs control show correctly.

However, when the web site is published to my hosting account, the tabs do not show at all. Only the content within the tabs is shown. It is the same for every web browser that I use.

Are there files I need to publish manually for the tabs control to work properly in a public host?

A screenshot of the images is shown below:-

[BaconFries]

If you need help then it is always best to either provide a url/link or share a copy of the project this is the .wbs this is so we can view and say what is wrong. With that said is looks like you haven't published all files please ensure all files are published and try again.
Before sharing see the following
How do I share my project to get help?

[Pablo]

Usually this indicates that you have not published all files.

[fchintc]

Thanks for your replies.

The following is a screenshot of my published directory:-

[Pablo]

I'm sorry, but I need to see the website to be able to tell what is wrong.

[fchintc]

Here it is:-

https://www.ctsoftware.com.my/testweb/index.html

[Pablo]

The file index.js is missing on the server
Please make sure that you upload / publish all files.

[fchintc]

In my screenshot of the directory above, I can see the INDEX.JS file within.

[AliGW]

That looks like a screenshot of locally published files (on your PC). Have you published all files to the server?

How are you publishing? Are you doing it from within WWB or using something like FileZilla?

[Pablo]

According to the server, the file does not exist:
https://www.ctsoftware.com.my/testweb/index.js

So, if the file is that folder, then it may be configuration issue of the server.

[BaconFries]

Viewing the source you have a index.js file on your server instead of a index.html or .php. This should not be there (index.js) and indicates a configuration issue on the server. It could also be you have enabled 'generate external JS file in Tools->Options->HTML.
Either change the server configuration or disable 'generate external JS file' in Tools->Options->HTML and see if that resolves it. Can you also please set all HTML/CSS/JavaScript formatting options to default and see if that also resolves it.

This is from the help:

Generate external JS file for page specific scripts.
Enable this option to generate a separate JS file with the script used by a page. The name of the file will be the same as the page name. So 'index.html' will generate a 'index.js' file.

[fchintc]

Thank you!

This was the setting that caused the problem.

My setting for "Generate external JS file..." in Tools | Options | HTML was selected and de-selecting it, saving the project and re-publishing it to the web site solved the problem. (Note: I did remove the index.js file from the web site first)

I am not sure why it was selected in the first place because I have no idea about using Javascript at all.

@AliGW, the screenshots are from the web site and I use WWB to publish all files to the web site.