I have made a bootstrap 3.3.1 wizard using Bootply. The site I want to embed the bootply test wizard to runs Bootsrap 4.0 and it makes the wizard break, is the wizard function non existent in Bootsrap 4.0? As it looks and works completely different in 3.x.x to 4.0 Alpha...
How can I make it look like it does in boostrap 3.3.1..
If you fork the bootply you can change the bootsrap version
http://www.bootply.com/51bhZhTCtS
There is no "wizard" function in either version. Since v4.x is still in "alpha" the class names are still changing, This tool may help:
http://upgrade-bootstrap.bootply.com/
Also the JS script is still working, but needs to be migrated to 4.x along with the HTML markup for the steps. For example, the first input was in a column too small to make the input clickable. Also, nested col-* should always be placed in another row instead of directly in another col-*
http://www.codeply.com/go/Jwct9dUGk4
Related
For a project, I have to use a Modal (pop up) which I prefer to use Bootstrap for.
However the project (which was original built with their own custom code so no bootstrap), when I do add the bootstrap links (into the head the script, and css links etc) into it, it now changes the my own .container classes to Bootstrap their values...
How can I ignore those?
Go here
https://getbootstrap.com/docs/3.4/customize/
Remove everything except modal
then click Compile and Download
It's bootstrap 3.4 but I don't think modal component went through a lot of changes.
I'm using this version of bootstrap for a web application:
http://davidstutz.de/bootstrap-multiselect/
In the docs, it says the css required is bootstrap.min.css which I have. The problem, however, is that my application and some of its elements (datetimepicker, etc) require bootstrap.css. I cannot have both loaded at the same time without conflicts. Currently, without loading bootstrap.min.css my multiselect looks like this:
And When I select multiple they go outside the label.
Is there a way I can get around this issue? Can I link the min version specifically to the instance of multiselect?
here is my situation:
I've created this slide menu:
http://codepen.io/facundo_larocca/pen/vgBmGG
It is working fine and i like it.
The problem happens in the live version, when I tried to add it to my web app, simply it is not responding to the click.
I haven't hosted my app yet and I think it would be too much code to put it all here, but I have my github repo as public.
If you want to check it out, well you will know of course, npm install and then npm start
It is a ReactJS project + CSS, the component, which is not working as I expect is called ThemeSelector. You can check it out here
I'm adding it into this one, check line 42.
All CSS classes can be found here
Whatever you think that is needed to clarify my problem, let my know!!
Thanks in advance and HAPPY NEW YEAR for everybody!!!!
Edited after #Gaby aka G. Petrioli's answer
As I'm using ReactJS instead of pure HTML, for tag must be replaced with htmlFor.
You have forgotten to add the for="navigation" on the label line 22, so they are not linked.
How to add custom CSS to an article in Joomla 1.5.20?
I have installed JUMI, but see no effect of it in article editor.
How to use it?
I have a bunch of CSS styles to apply.
As much as I would love to rant on about how you should upgrade to Joomla 2.5 or 3.2, I won't but please at least upgrade to Joomla 1.5.26 which is the latest version of the 1.5 series.
To add custom CSS to your article, simply download and install a plugin called Sourcerer. This plugin allows you to add custom code to any article. Once installed, open your article in the Article Manager and you can use the following for custom CSS:
{source}
<style>
#element {
//code goes here
}
</style>
{/source}
This extensions can also be used for Javascript/jQuery and PHP. I have used this extension on multiple website and it simply just does the job.
Hope this helps
Back when I used joomla 1.5, which has hit end of life and is recommended to upgrade to joomla 2,5 or higher. I used Flexi Custom Code. I would also create a module position in the head of my template that would allow me to stick the custom code into.
If Jumi Works like flexi did, then you just have to add a a pair of tags around your css and publish it to a specific position.
[EDIT]
When You add the CSS you add the Css code you create a new module, and publish the module to a position in the template that is being displayed.
[/EDIT]
That is How I used to do it.
Hope that helps
I am trying out the Flex 3.2 version of the KCCalendar control. On the live demo here:
http://www.flex-component.com/demo/kccalendar/
it shows three different themes, one of which, is an Outlook theme. I was just wondering how exactly I set this theme either in the mxml or in the action script?
You may use:
ThemeSwitcher.applyOutlookTheme(calendarComponent); //calendarComponent is the id of the calendar component.
to change the theme. I discovered this by reading the source code of the demo page you posted. You can right click on the demo page, and choose View Source.