Was working on something and got a change for implemtation which should work with Google chrome, Salesforce1 and firefox mozilla as well, with chrome it starts working normally without any modifications, but not in firefox mozilla, I have added comments in the code where I am referring libraries to make datepicker to work in Mozilla.
this is how bootstrap datepicker looks in chrome
This is how it looks in Firefox mozilla
And now in datepicker Salesforce1
Here is the code of the above datepicker
Felt like posting it, as datepicker can take time to implement as it took mine, it works awesome on Salesforce1.
Thanks Happy coding!!
this is how bootstrap datepicker looks in chrome
This is how it looks in Firefox mozilla
And now in datepicker Salesforce1
Here is the code of the above datepicker
1: <apex:page showHeader="false" sidebar="false" docType="html-5.0" standardStylesheets="false" applyBodyTag="false" applyHtmlTag="false">
2: <html lang="en">
3: <head>
4: <meta charset="utf-8"></meta>
5: <meta name="viewport" content="width=device-width, initial-scale=1"></meta>
6: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"></link>
7: <!-- script for mozilla without these datepicker will work in chrome but not in mozilla-->
8: <script src="https://cdn.jsdelivr.net/webshim/1.14.5/polyfiller.js"></script>
9: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
10: <script type="text/javascript">
11: webshims.setOptions('forms-ext', {types: 'date'});
12: webshims.polyfill('forms forms-ext');
13: </script>
14: </head>
15: <body>
16: <div class="panel-body">
17: <div class="form-group" ng-hide="hideformobile">
18: <div class="col-xs-12 form-group input-append datepicker">
19: <label>Datepicker</label>
20: <input type="date" id="mydate" size="16" class="form-control"></input>
21: </div>
22: </div>
23: </div>
24: </body>
25: </html>
26: </apex:page>
Felt like posting it, as datepicker can take time to implement as it took mine, it works awesome on Salesforce1.
Thanks Happy coding!!
This was a lovely bblog post
ReplyDeleteWas working on something and got a change for implementation which should work with Google Chrome, Salesforce1 and Firefox Mozilla as well. With Chrome it starts working normally without any modifications, but not in Firefox Mozilla, so I added comments in the code where I am referring to libraries to make the datepicker work in Mozilla.
DeleteThe Bootstrap Datepicker provides a convenient way to handle date selection in Salesforce interfaces, and developers working with client-side functionality can explore these concepts through Javascript Course in India while working with JavaScript-based UI components.
The implementation was tested across Chrome, Firefox Mozilla, and Salesforce1, with differences in how the datepicker was rendered and handled across these environments. These browser-specific considerations are an important part of practical Javascript Training in India when building compatible web interfaces.
Delete91569E50EB
ReplyDeleteGörüntülü Seks
Görüntülü Sex
Telegram Show Kanalı
ReplyDeleteWhen looking to enhance your custom apparel, finding a reliable provider is essential. Many businesses now turn to specialized services to ensure high-quality results. If you're searching for a solution, you might want to consider local dtf printing near me to get the best local options available. These services offer quick turnaround times and excellent print durability, making them a great choice for both small and large orders. Always research your options to ensure you receive the best quality possible.
BAAED0E2
ReplyDeleteBartın
Çorum
Batman
Yozgat
Muş
Erzincan
Tokat
Balıkesir
Isparta
3D6EF13D
ReplyDeleteLapseki
Akyurt
Bayındır
Foça
Batum
İzmit
Korkuteli
Güllük
Midyat