Title: Javascript Console Error &#8211; 404 for smart-grid.css.map
Last modified: December 3, 2019

---

# Javascript Console Error – 404 for smart-grid.css.map

 *  Resolved [skopelos-tony](https://wordpress.org/support/users/skopelosvillas/)
 * (@skopelosvillas)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/javascript-console-error-404-for-smart-grid-css-map/)
 * Hi there again,
    I’m having a problem since the previous update, (prior to 3.0.3),
   with the date fields when viewed in Safari. As per 1st screenshot, [https://i.ibb.co/wz0GD2K/Screen-Shot-2019-12-03-at-6-27-12.jpg](https://i.ibb.co/wz0GD2K/Screen-Shot-2019-12-03-at-6-27-12.jpg)
   you can see the dates display funny! The error console is giving me a ‘Failed
   to load resource…’ code and says that smart-grid.css.map is missing. [https://i.ibb.co/fF20tZn/Screen-Shot-2019-12-03-at-6-03-46.jpg](https://i.ibb.co/fF20tZn/Screen-Shot-2019-12-03-at-6-03-46.jpg)
 * Trying to troubleshoot this, (since I noticed there wasn’t such file in plugin’s
   folder), I installed plugin in a new wp installation, only to realise that the
   folder doesn’t exist anyway!
    Could this be the reason it creates havoc in date
   fields? I’m trying not to unnecessarily install the ‘date picker’ plugin if I
   can help it. Can you help troubleshoot this please?
 * Thanks in advance..!
    -  This topic was modified 6 years, 6 months ago by [skopelos-tony](https://wordpress.org/support/users/skopelosvillas/).
      Reason: One of links of screenshot not displaying!
    -  This topic was modified 6 years, 6 months ago by [skopelos-tony](https://wordpress.org/support/users/skopelosvillas/).
      Reason: Corrected screenshot pic..!

Viewing 7 replies - 1 through 7 (of 7 total)

 *  Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * (@aurovrata)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/javascript-console-error-404-for-smart-grid-css-map/#post-12204090)
 * > you can see the dates display funny!
 * that’s because you’re using the datepicker on a ‘date’ field. I [instructed](https://wordpress.org/support/topic/some-bugs-in-a-particular-form-responsiveness/#post-12179913)
   you to use the datepicker on a ‘text’ field.
 * > code and says that smart-grid.css.map is missing.
 * safari tries to load css.map files for minified css scripts. Map files are used
   for sass compilation, but this plugin doesn’t make use of sass, so just ignore
   this.
    -  This reply was modified 6 years, 6 months ago by [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/).
 *  Thread Starter [skopelos-tony](https://wordpress.org/support/users/skopelosvillas/)
 * (@skopelosvillas)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/javascript-console-error-404-for-smart-grid-css-map/#post-12205377)
 * So basically I can’t avoid the use of another plugin to make this work?
 * > One way around this issue if to use the jQuery Datepicker plugin by turning
   > text fields into date fields.
 * I followed your link but correct me if I’m wrong – it’s not really a plugin but
   a script I have to include somewhere? This is turning too complex perhaps for
   me.
    Could you elaborate a little bit as to where do I include [this datepicker ](https://www.formget.com/jquery-datepicker/)
   script as per your previous instructions?
 * Also, the dates displayed fine, (without having to do anything), in Safari before
   release of 3.o.3. Did anything change with latest release?
 * Thanks
 *  Thread Starter [skopelos-tony](https://wordpress.org/support/users/skopelosvillas/)
 * (@skopelosvillas)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/javascript-console-error-404-for-smart-grid-css-map/#post-12205388)
 * I’m really eager to make this work so I can use it in future projects too. So
   any help/clarification would be great!!
 *  Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * (@aurovrata)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/javascript-console-error-404-for-smart-grid-css-map/#post-12207357)
 * > I followed your link but correct me if I’m wrong – it’s not really a plugin
   > but a script I have to include somewhere?
 * that’s right, and you really ought to learn how to customise your forms using
   javascript (there is a provision built-into this plugin, see [FAQ #8](https://wordpress.org/plugins/cf7-grid-layout/#8.how%20can%20i%20customise%20my%20form%20%3F).
   I suggest you do a [tutorial on customising pages using jQuery](https://www.youtube.com/watch?v=a59kOE2Ma1Q&list=PL6n9fhu94yhVDV697uvHpavA3K_eWGQap).
 * > Could you elaborate a little bit as to where do I include this datepicker script
   > as per your previous instructions?
 * not really, this is beyond the [scope of support](https://wordpress.org/support/topic/support-for-this-plugin-8/)
   I am ready to provide in this forum.
 * > Also, the dates displayed fine, (without having to do anything), in Safari 
   > before release of 3.o.3. Did anything change with latest release?
 * nope. If you use date fields they should display as is. I will run a test on 
   ma mac to double check.
 *  Thread Starter [skopelos-tony](https://wordpress.org/support/users/skopelosvillas/)
 * (@skopelosvillas)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/javascript-console-error-404-for-smart-grid-css-map/#post-12207939)
 * > nope. If you use date fields they should display as is. I will run a test on
   > ma mac to double check.
 * I thought you said I should use text fields instead as datefields?!
 * > that’s because you’re using the datepicker on a ‘date’ field. I instructed 
   > you to use the datepicker on a ‘text’ field.
 * Have you ran the test on a mac? Did your dates display fine in Safari?
 *  Thread Starter [skopelos-tony](https://wordpress.org/support/users/skopelosvillas/)
 * (@skopelosvillas)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/javascript-console-error-404-for-smart-grid-css-map/#post-12238776)
 * Hey Thanks for the answer!
 *  Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * (@aurovrata)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/javascript-console-error-404-for-smart-grid-css-map/#post-12253349)
 * in v3.1 I have added the possibility to convert a test field into a datepicker
   field. Simply add the class ‘datepicker’ into your text tag options and the plugin
   will convert it to a datepicker field.
 * It is limited in the sense that you are not able to put date limits on the calendar
   field (max/min) as the text field tag functionality is provided by the CF7 plugin
   and does not provide a way to add these field attributes.
 * In a later version, I may introduce a datepicker field tag what will provide 
   a more complete set of options.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Javascript Console Error – 404 for smart-grid.css.map’ is closed to new
replies.

 * ![](https://ps.w.org/cf7-grid-layout/assets/icon-256x256.png?rev=1834229)
 * [Smart Grid-Layout Design for Contact Form 7](https://wordpress.org/plugins/cf7-grid-layout/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/cf7-grid-layout/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/cf7-grid-layout/)
 * [Active Topics](https://wordpress.org/support/plugin/cf7-grid-layout/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/cf7-grid-layout/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/cf7-grid-layout/reviews/)

 * 7 replies
 * 2 participants
 * Last reply from: [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * Last activity: [6 years, 5 months ago](https://wordpress.org/support/topic/javascript-console-error-404-for-smart-grid-css-map/#post-12253349)
 * Status: resolved