we are using Full Calendar on a webtie that uses Bootstrap in the Version 5 Beta.
I realized that the bootstrap theme for FullCalendar is made for Bootstrap 4, and is not fully compatible with Bootstrap 5.
Example of the implementation is here:
https://dev.swingstep.net/classes/heidelberg/heidelberg-calendar/
Eg:
Table borders are not recognized (maybe because there is a table inside a table?)
The modal "close" button is not working, though that also happens when I switch to standard theme, so maybe not bootstrap related.
Has anyone else encounterered this incompatibility - what would be the best way to go about it?
Is there a Bootstrap 5-ready version of the plugin on its way?
Best wishes, Oli
Related
We have developed an application in Extjs 4.
We want to make it responsive.
Our Goal is :
When we resize window , it should automatically adjust components and update layout accordingly.
Can anyone guide me in correct direction?
Thanks in advance
So, basically you have only two options:
1) Make your own implementation using ExtJS and maybe bootstrap framework. Some clues you can get from this post and the following ExtJS 5 components:
https://www.sencha.com/forum/showthread.php?253766-Responsive-UI-and-ExtJS&p=1037960&viewfull=1#post1037960
http://docs.sencha.com/extjs/5.1/5.1.0-apidocs/#!/api/Ext.mixin.Responsive
http://docs.sencha.com/extjs/5.1/5.1.0-apidocs/#!/api/Ext.plugin.Responsive
2) You can migrate to Ext JS 5. I know it's painful but if you want to keep developing your application, this will be your best option as ExtJS 6 is officially announced.
The best place to start would be this guide: http://docs.sencha.com/extjs/5.0/whats_new/5.0/extjs_upgrade_guide.html
You can compare with new ExtJs 5.0.0 framework, or give a try on bootstrap framework with ExtJs 4
Would I be correct in concluding that Bootstrap does not support IE7?
Are there any CSS or JS tricks to get around it?
I have tried a few different experiments using both emulation and an actual IE7 browser with the following results.
Default Visual Studio MVC template (3.0.0), note the form labels and login button.
Bootstrap Website (3.3.4), note the large navbar
Default Visual Studio Template Upgraded to 3.3.4, now we have the large navar and the badly formatted form.
Yes you are correct, i would either go with bootstrap 2 http://getbootstrap.com/2.3.2/ it isn't supported any more but you should be fine or try a poly fill like https://github.com/coliff/bootstrap-ie7 but bear in mind the latter is in beta and might be a little buggy
My developer added my style changes for a quick mobile version of a site since the deadline is so tight. I built it static and gave to him to implement into the CMS.
Well now the design is angry and I can't find why. I think something is going on with the CSS, my dev thinks it might be something with jQuery UI.
THE LINK (our staging area)
It's responsive so when you shrink the site down, my mobile build appears. The trouble comes when you start to click on Entertainment/Stay & Play/Dining/Gaming tiles. They're a very weird sliding around of these things and I can't lock down where the issue is coming from.
Anyone have any ideas on what's up?
jQuery UI's accordion and Bootstrap's accordion may be in conflict - in which case, you can make sure that jQuery UI Accordion isn't being included in the website, or download a special version of jQuery UI which is designed to not conflict with Bootstrap.
It's less that 24 hours that I've known Bootstrap and I've fallen in love into it!
As I've understood, Bootstrap is a collection of CSSs ready to use.
We should only give the class name according to Bootstrap and our website will have a modern and perfect look.
OK.
Now the problem is that Joomla builtin system doesn't use Bootstrap compatible classes.
Is there a fast way to change way to change Joomla builtin CSS system to be compatible with Bootstrap?
Hope it be understandable.
Maybe there is a plugin to convert Joomla CSS system to Bootstrap-familiar CSS. I couldn't find such exact plugin.
I know the feeling about Bootstrap. A lot of people would disagree, but I too really like it. However, even though Joomla 3.0 is based on Bootstrap, I wouldn't recommend using it, as it's the short release. Joomla 2.5 is still the long term recommended version to use, therefore I suggest you stick with that and find yourself a Boostrap template, such as Joomstrap, which is free. Please note that the template was based on Bootstrap 2.0.4, so you will need to download the latest version and replace the CSS and JS files.
You might also be interested in the Boostrap template based on Gantry for Joomla 2.5.
Having said to stick with Joomla 2.5 as it's the long term release, once Joomla 3.5 comes out, which will be the next long term release, I would upgrade to that. This too will also be based on Bootstrap.
If it's possible for you to upgrade your System, the new Joomla 3.0 comes with Bootstrap. Otherwise you only have to build an own Template where you use this Framework.
There is no problem with doing that.
You start with developing a custom template, then after that you just use overrides for your components etc.
You don't need a plugin.
I have a Drupal site using jScrollPane that has a problem with the scrollbar dragger. When you single click on the scrollbar dragger it will not release the cursor's hold on the dragger until you double-click elsewhere on the page. An example can be seen here: http://webdev2.msi.ucsb.edu/lunch . Thanks in advance!
It looks like you already got your answer elsewhere, mollybt, but for the record, this issue appears to arise from the fact that the jScrollPane plugin requires jQuery 1.4+, whereas Drupal 6 ships with jQuery 1.2.6. Apparently some folks have had success patching the library for backward compatibility, but the easier solutions are to 1) downgrade to jScrollPane 1.x or 2) upgrade jQuery to 1.4+ (using the jQuery Update module for Drupal, for example).