Quote from: eiger3970 at Aug 28, 2015, 10:21 PMOkay, as per reply #29, I'll use CDN, as MODX won't upload the raw files of Bootstrap's font files, which control the left and right arrows (glyphicons).
MODX is doing exactly as you tell it. The error loading files is your code. Sorry to say, but MODX only does what's told to do and if that's incorrect, in any way... it's not going to perform magic for you and correct your code. A file that does not load, is not coded properly.
So many times we blame something else, until we find our own error. It always is. Accept it. And comb through you code or copy some working code and replace the file names, check for spaces and incorrect spellings, stray characters, or whatever you can find that's not supposed to be there or conversely, be there.
So, now that the images are centered, I just need to shrink the width of the Bootstrap carousel, which may not be a MODX issue.
]
The functionality of your Bootstrap carousel is 100% independent of MODX. MODx only produces what you tell it to, in the most basic of ways in that your templates, markup, and insertion of the MODX good stuff like template variables, chunks, snippets, and plugins. It is however, all produced according to your design/code.
Which is why we like it.
Please, focus less on MODX than your code. This will all make sense as you work your way through and if there's one thing I've taken from working with MODX is that it's always some mistake in your code in the end. It could be a space, a misspelling, a trailing slash, an apostophe instead of a backslash, a capital instead of a lower case, hyphen vs underscore...
Anything can gork your chit. Expect it, but don't rely on MODX to fix your code.
MODX does not ever really, do anything all for you and even the plugins and snippets you install are bare bones and must be configured and styled with valid code. Hard lesson to learn if you come from WordPress or similar perhaps. However MODX is not WordPress, and it is not meant to be nor will it ever become. No one wants that.
I'm reading http://getbootstrap.com/css/#responsive-utilities > Grid options > Ex: Stacked-to-horizontal.
This uses columns to manage the slide carousel's width.
Need to work out how to manage these columns with code on Bootstrap in MODX.
The carousel's width can be overridden with the same exact class as is shown in the inspector. Copy that, paste into your CSS file and set only the properties that you want to change. Leave all the rest to the CDN version of the Bootstra.css file.
To find the specific element and the class that affects the width of the carousel, inspect the page, and see which selector in the CSS shows a width that if you change, affects your image width in real time. Likely whichever selector has 100% for width.
If the slides aren't scrolling/doing stuff that means as you've shown above, that links to the files you need for jQuery and Javascript aren't being loaded for some reason (some mistake in the code), or aren't in the correct order.
This is how it works:
jQuery must appear first top to bottom, with javascript after.
Yet you should know that the browsers load from bottom to top. Meaning that jQuery actually loads last as does your custom.css file if you put it in the topmost spot.
Each appears before the CDN version in your code/template/chunk/TV and in the final source of a page.
Again, getting files to load and work, we go back to your code, as inspection has told you. If you want these files to load, you're going to have to find the errors.
[ed. note: frogabog last edited this post 11 years, 1 month ago.]
☆ A M B ☆