Legacy Form Date Field Issue

[dsds]

Thank you very much for your continued support.
I recently added a date field to a legacy form, and I noticed that the calendar displays normally when I’m logged in as an administrator, but when I log out and view it as a guest, nothing happens and the calendar doesn’t display. I was worried that other themes or add-ons might be affecting it, so I installed ConcreteCMS 9.4.2 and recreated the issue with Atomik’s blank theme, but the problem was the same.

Is this a bug or something?

Please let me know if you know of a solution.

Thank you in advance.

Core Version - 9.4.3
Version Installed - 9.4.3
Database Version - 20250227155410

Hostname

sv00000.xserver.jp

System User

demo

Environment

production

Database Information

Version: 10.5.13-MariaDB-log
SQL Mode:
Character Set: utf8mb4
Collation: utf8mb4_unicode_ci

Concrete Packages

None

Concrete Overrides

None

Concrete Cache Settings

Block Cache - Off
Overrides Cache - Off
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).

Database Entities Settings

Doctrine Development Mode - Off

Server Software

Apache

Server API

fpm-fcgi

PHP Version

8.2.28

[JohntheFish]

You can try reporting an issue on GitHub GitHub - concretecms/concretecms: Official repository for Concrete CMS development and it may get some attention. The fix is likely a matter of identifying and requiring the missing asset or ‘feature’.

However, I suspect the fundamental problem here is ‘legacy’. The legacy form block was only there to enable v7 sites to upgrade to v8 about 9 years ago and is unlikely to be given any priority for fixing.

[ConcreteOwl]

@dsds
You can try adding the required assets manually.
Go to the page attributes and select ‘Header Extra Content’ and then copy and paste this code

<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script>
<style>
.form-control {
width: auto
}
</style>

Let us know if it works for you and keep an eye on the browser console for javascript conflicts.

[dsds]

Thank you.
I considered using an Express form, but select boxes aren’t good so I’m using a legacy form.

[dsds]

Thank you.
After setting up the code you provided, the date field worked fine, but the input form became shorter and looked worse.

[dsds]

When I set width: 100%, it displayed correctly.
Is this not a good method?
Thank you in advance.

[ConcreteOwl]

!00% width is fine if that works for you.
Remember to test it in a mobile phone.

[dsds]

There were no issues on mobile. I appreciate that the calendar is displayed, but there’s a slight inconvenience. As shown in the image, when I log in as an administrator and view the page, the month is displayed in Japanese, but when I view it as a guest without logging in, the month is displayed in English. Since this is a Japanese homepage, I would like it to be displayed in Japanese. Is there a way to do this? Also, when I use the following with the Replica Pro theme, .form-control { width: 100% } I encountered an issue where the page would turn completely white and not display.

[ConcreteOwl]

Try setting the width back to auto instead of 100%

[dsds]

Sorry for the late reply. I changed it back to auto, but the month is still in English and there is still a problem with the form width. The theme is Atomik. Thank you in advance.

[ConcreteOwl]

@dsds
Try This.

In your ‘Header Extra Content’ attribute replace the code with this.

<link href="/concrete/css/cms.css" rel="stylesheet" type="text/css" media="all">
<script type="text/javascript" src="/concrete/js/cms.js"></script>
<script type="text/javascript" src="/ccm/assets/localization/core/js"></script>
<script type="text/javascript" src="/ccm/assets/localization/jquery/ui/js"></script>

[dsds]

Awesome!
Thank you very much.
It displayed correctly as shown in the image.
Hats off to your support.
I’m so grateful.