Martin 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!
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
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.
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. 🙂
SajMartin 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.Anthony 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.