Ok so I tried a lot of methods and also researched quite a bit. No dice. Here is one page that describes the problem and some solutions. I tried them all but for some reason none of them seemed to work for me.
https://github.com/twbs/bootstrap/issues/2500 So for now, I am leaving this issue open Thanks all, Milind. Date: Mon, 26 Aug 2013 12:48:37 -0500 Subject: Re: [houcfug] Anyone has this display issue /w jQuery From: [email protected] To: [email protected] he Milind, I had an issue previously that may be the same thing, although mine was not using Bootstrap. Let me try my best to remember how this worked. I had a jquery click function that opened a dialog box that was then populated with the contents of a hidden div. In that div was a textarea. The jquery function then was swapping out the textarea for a ckeditor instance. The ckeditor code was ckeditor.replace('theID of my textarea').... I *think* what was happening is that since the textarea was in a hidden div when the page loaded, the jquery couldn't find the textarea (or the div that was now visible) once it become part of the page. Oh hell, my memory is faded, so I went out and found the old code. The key parts are bolded below. After the dialog opens, I find the textarea in the dialog and set it to a random variable, ta. I then set the id attribute of ta to 'richtext', which again is a random name. That allows the ckeditor replace to find the textarea that needs replacing. $('.sendToClientOpener').live('click', function(e) { e.preventDefault(); TREWS.ui.Dialog.open({ title: $(e.target).attr('title'), content: $('#sendtoClientDiv').html(), width: 820, height: 800, draggable: true }); var ta = $('#dialog-window-content textarea'); ta.attr('id', 'richtext'); CKEDITOR.replace( 'richtext', { toolbarGroups: [ { name: 'basicstyles'}, { name: 'paragraph', groups: [ 'list', 'align']}, '/', // Line break - next group will be placed in new line. { name: 'styles' }, { name: 'links'} ] });}); Since you said you tabs are in a modal dialog, this could be the same issue you are having. Hope I have explained this correctly and it works for you. Mark On Mon, Aug 26, 2013 at 12:23 PM, Milind Pataskar <[email protected]> wrote: Hello all, First of all, I really want to thank all those who helped me in my sliding jQuery panel. I used a simple hide (toggle) function on it and it works like a charm. $('#LeftPanel').toggle('slow', 'linear'); Anyways, this time I'm writing about this curious issue with the combination of jQuery & Bootstrap (v2.something) Has anybody used the class "input-append" where in one can append the "unit of measurement" at the end of a field? Ex. What is your speed: [_________] m/s The m/s can be displayed in nicely as a part of the input box using the above-mentioned Bootstrap's CSS. This works fine until I call this form field inside: jQuery tabs which is itself inside a (popped-up) modal dialog. I see the field and the appended unit in all its glory but the field becomes un-editable. Meaning, it does not have any extra added property or something but I cannot click or tab into that field to enter any value. It show blue-border on focus when I click on it but that is it. I cannot get into the field. At this point I don't even know what is wrong as I can't see any extra property on the field object. So I have no idea how to (or what to) fix. Anybody had the same issue? Any solution (other than not using that class). Thanks, Milind. -- -- You received this message because you are subscribed to the "Houston ColdFusion Users' Group" discussion list. To unsubscribe, send email to [email protected] For more options, visit http://groups.google.com/group/houcfug?hl=en --- You received this message because you are subscribed to the Google Groups "Houston ColdFusion Users' Group" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/groups/opt_out. -- -- You received this message because you are subscribed to the "Houston ColdFusion Users' Group" discussion list. To unsubscribe, send email to [email protected] For more options, visit http://groups.google.com/group/houcfug?hl=en --- You received this message because you are subscribed to the Google Groups "Houston ColdFusion Users' Group" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/groups/opt_out. -- -- You received this message because you are subscribed to the "Houston ColdFusion Users' Group" discussion list. To unsubscribe, send email to [email protected] For more options, visit http://groups.google.com/group/houcfug?hl=en --- You received this message because you are subscribed to the Google Groups "Houston ColdFusion Users' Group" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/groups/opt_out.
