Template not displaying Joomla calendar field corectly

jjbongio

Using JA Edenite II v2.0.0 with T3 framework 3.0.7.
The calendar Joomla field (JForm Field) is not displaying correctly. Here is how it displays

And here is how it is supposed to display

So the problems are that it doesn't display the calendar select button on the same line as the input field, the calendar button has a green background color, and the calendar icon is not displayed.

Ninja

jjbongio
Hi
Kindly check the submitted login, it is not working to check the page : https://image.prntscr.com/image/ajXgmN4qS72U0hmfclQdCA.png
It could be conflict with extension if it using older bootstrap version.

jjbongio

I saw you trying to login, and I realized I hadn't updated the login module position. I have done that, and it should work now. Sorry for the inconvenience.

jjbongio

Wait. I tested your login, and I am seeing a problem with it. I'll work on that.

jjbongio

OK. Fixed now. Problem with Joomla user not synced with Community Builder user. Sorry for the problem.

jjbongio

I figured out part of the problem. The icon wasn't displaying because Joomla uses the Icomoon icons in this case, and these don't seem to be available in the template. I extracted them from the isis template css and put them into Edenite II as custom CSS. Now the calendar icon displays

The problems remaining are that the icon has a green background, and that it is not on the same line as the date input field it controls.

Ninja

jjbongio
Hi
I turned on the Legacy support in template options that will add the Bootstrap 2 style and no need to add extra code.

Add this code in custom.css

.volhoursedit .field-calendar .input-append {display:flex;}

jjbongio

Thank you. Just to be clear, are you saying that with Legacy support I don't need all of the icon CSS from the admin template?

Ninja

jjbongio
Yes you are right. You can do a try as i check it working normal.

jjbongio

Yes, that works fine, thanks.