March 3, 2016 at 8:28 pm #352Martin AngelovBootstrap Studio Developer
I’m happy to report that version 2.2.0 of Bootstrap Studio is now released! The highlight is the HTML editing capability. You can now drag and drop the Custom Code component inside your design, and write HTML inside it.
Alongside we also launched the ability to import HTML files (just drag them in) and the option to convert any component into HTML (you can see it in the right click menu of most components). This is a convenient way to “unlock” locked components, which has been a frequent request.
Some things like the new component types for tabs and modals weren’t ready in time, but we will release them in a series of 2.2.X updates next week.
If you see any bugs or if you have questions regarding the new functionality, reply to this thread. We’re looking forward to your thoughts and suggestions!March 3, 2016 at 10:58 pm #353March 4, 2016 at 4:29 pm #355Chris HackwoodMemberValued
Great stuff, will look forward to the new suite of components too. Can you advise rough when the next mini release will be Martin?March 4, 2016 at 5:44 pm #356SameshimaMemberMarch 4, 2016 at 6:50 pm #358Internet User 00592Member
@martin Good Job, Guess who finally got to code that client-slider?
However, my only concern is: how do I upload a 10-sec animation to make it a background video? Or, where do I save the video? Or, better yet, how do I achieve this?March 4, 2016 at 8:10 pm #359Chris HackwoodMemberValued
@shaezonna, out of curiosity would uploading an animated gif as your background image solve this problem?March 4, 2016 at 10:39 pm #362TocajMember
Is it possible to use the new custom code component to make a script tag like this
If not, is there any other way to include ajax in the project?
Thanks.March 4, 2016 at 11:29 pm #365Internet User 00592Member
@ChrisHackwood yes, it would, but that’s not what I want. A new video is featured every week and there are also some 20-sec time-lapses to be incorporated.March 4, 2016 at 11:57 pm #367
I tried the Custom Code component editor and replaced the entire default code
<div>Custom Code</div>with the
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>and then previewed the page and it worked. However, it doesn’t replace the already loaded jquery.js script so the predefined script would compete with the custom added script. And I noticed that in the HTML viewer the Custom Code
<div></div>is still listed as
Hope that helps
SajMarch 5, 2016 at 9:06 am #369TocajMember
Thanks for your reply. I’m new to everything that had to do with web development, so forgive me if I’m wrong, but it doesn’t seem to support ajax. I’ve been trying to use Ajax to communicate with external web APIs but with no success.
Maybe I can make it import the
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>by exporting my current project, adding the lines manually then importing them back into Bootstrap Studio. I will be trying this tonight. I don’t think it should be this hard though.March 5, 2016 at 11:43 am #371
What I’m meaning is that you don’t need that script because Bootstrap Studios’ already includes a version of jQuery, though slightly older.
So don’t worry about the script, add your Ajax calls like you’d expect, then check if it works after you’ve exported so that normal web server functions can be expected to be running.
I need to do some Ajax in my current project as well, so come Monday I’ll see what happens myself as well. 🙂
SajMarch 5, 2016 at 2:30 pm #372Martin AngelovBootstrap Studio Developer
@sameshima It turns out there was a bug in our update system and Student editions of the program didn’t receive the update. This is now fixed and you should get it immediately.
@tocaj You have jQuery in your pages already, so you can make AJAX calls right away without having to include it in Custom Code. If you need help with this, can you start a new thread in the Help and How To section?
@saj Thank you for helping out in the discussion! When previewing and exporting, Custom Code is included as-is in the final page. But inside the app, we do some processing to make things secure and to prevent the page from breaking:
- If you export more than one element, it is wrapped in a div (components must export only a single HTML element).
This is the only way we can make it work securely. Unfortunately this means that in some cases what you see in the app itself will be different from the preview and export. This is still version 1.0 of Custom Code and we will make it work better in the future with your feedback.March 22, 2016 at 9:30 am #590Anthony MarencoMember
I am somewhat missing the overall functionality of the app and wondering if it provides all the options required to customize an existing theme based on the Bootstrap framework, rather than create a new one. I just recently purchased the Motorcycle template from http://www.templatemonster.com/properties/features/bootstrap-templates/, which is full of various features like Mega Menu, Parallax effect, Ajax search etc. However, a few modifications have to be done design-wise. Bootstrap Studio might come in handy for this, what do you think?
You must be logged in to reply to this topic.