Re: Date - time picker
Re: Date - time picker
- Subject: Re: Date - time picker
- From: Mark Gowdy <email@hidden>
- Date: Fri, 13 Oct 2017 16:00:33 +0100
Hi,
I found that bootstrap (with jQuery) and the Ajax framework (prototype.js)
would tend to clash a bit.
Try these 3 things in order:
1) Try putting this just before </head>
<script type="text/javascript">jQuery.noConflict();</script>
And when you access jQuery in your page, don’t use the ‘$.someThing()’
notation, use the full ‘jQuery.someThing()’ instead.
2) The order in which you put the <script … “thing.js”></script> is also
significant (but this can be tricky to control because Ajax injects its own
ones at runtime).
3) If things start randomly disappearing from the browser.
I found that the prototype.js has a hide(element) function that causes issues
with Bootstrap v3.
My comment: (in my /js/ajax_prototype_fix.js file)
* Contains a minor update to help with an issue with Twitter Bootstrap v3,
where certain elements (pop-ups, etc) would disappear after a roll-over.
* See the 'hide(element)' function below.
* To use, add 'noProtoJs' to your element's class (if you find they disappear
for no obvious reason).
* E.g. <a class = "noProtoJs" data-toggle="tab" href="#tab-1">Tab 1</a>
*
* TODO: There is certainly a better way to fix this issue, but this works for
now.
I replaced the hide function with:
function hide(element) {
/* MG - See intro text at top. This helps with Twitter BootStrap 3 */
if(!hasClassName(element, 'noProtoJs')){
element = $(element);
element.style.display = 'none';
}
return element;
}
You can tell Wonder to load a different prototype.js using config:
# Replace the default Ajax:prototype.js with my own one (to fix a bootstrap
issue)
er.extensions.ERXResponseRewriter.resource.Ajax.prototype.js=MGUtilities.mg/js/ajax_prototype_fix.js
Good luck.
Mark
> On 13 Oct 2017, at 15:43, Stavros Panidis <email@hidden> wrote:
>
> Dear Theodore,
>
> sure you are not. Sure it is my problem to explain due also to my pure
> english.
>
>
> In my application I use bootstrap css framework for styling (getbootstrap.com
> <http://getbootstrap.com/>) . This framework has also a nice date/time picker
> component. This works fine inside my WOComponent but when I add a
> AjaxUpdateContainer at the same component does not work anymore.
>
> Then I tried the AjaxDate picker from Ajax examples. This works fine but it
> is not conforms in style with other elements like text fields, check boxes
> etc.
>
> I hope that I explained a little bit.
>
> Stavros
>
>> On 13 Oct 2017, at 16:30, Stavros Panidis <email@hidden
>> <mailto:email@hidden>> wrote:
>>
>> Dear,
>>
>> I try to implement Bootstrap date time picker style in a WOComponent.
>> Javascript and css works fine except the case that in this component the is
>> also a AjaxUpdateContainer (which I certainly need for other controls).
>>
>> I tried also with AjaxDatePicker which works fine but I don’t know if it is
>> possible to apply bootstrap styling on this.
>>
>> Any suggestions?
>>
>> Stavros
>
> _______________________________________________
> Do not post admin requests to the list. They will be ignored.
> Webobjects-dev mailing list (email@hidden)
> Help/Unsubscribe/Update your Subscription:
>
> This email sent to email@hidden
_________________
Mark Gowdy
Gowdy Associates Ltd
M: +44 7808 400 941
Skype: markgowdy
_______________________________________________
Do not post admin requests to the list. They will be ignored.
Webobjects-dev mailing list (email@hidden)
Help/Unsubscribe/Update your Subscription:
This email sent to email@hidden