CalcBuilder Forum

Problem with tabs

User moon_1193 2013-07-30 17:06:45

I try to make tabs view as written on quickstart pdf, but it doesn't work.
1. I made simple html structure on Form Layout
2. I wrote the same code at javascript section on "Executed on loaded page". (but in pdf it written to place code "using the first option Javascript events")

Edited by moon_1193 - 30.07.2013 17:32

Moonsoft support 2013-07-31 10:01:12


To add tabs in form layout, you could use jquery ui tabs. This is a working example:

- Go to ,check in view source and copy in Form Layout div with id='tabs'

- Go to Javascript events and in first tab add:

CB(function() {
CB( \"#tabs\" ).tabs();

Hope this helps. Regards,

Edited by MSTeam - 31.07.2013 10:06

User moon_1193 2013-07-31 21:09:12

Hello. Should I install Jquery themes or bundle before?

That sample uses some .js and .css:

//link rel="stylesheet" href="" /
// script src=""
// script src=""
//link rel="stylesheet" href="/resources/demos/style.css"

Edited by moon_1193 - 31.07.2013 21:10

Moonsoft support 2013-08-01 10:37:51


You don´t need to install anything. JQuery and jQuery UI are integrated in Calcbuilder.

As you could see in javascript code above, we use CB prefix for jQuery instead of $ or jQuery. Use CB as prefix in 'Javascript events', prevent conflicts with other components.


User moon_1193 2013-08-01 14:54:59

I did this, but u can see on pic 1
Should I mix your PDf sample with that sample?
Excuse me, because I am the newbee.

And second question: How could I put any calcs into article(not into module)?
Is there anything something like {calk1} ?
Best regards.

Moonsoft support 2013-08-01 17:42:59


You could make your custom PDF using HTML editor in 'Print Preferences'. Disable 'Include input' and 'Include result' and include inside HTML code/form variables as ##YOUR_VARIABLE## like in 'form layout' format.

To put modules on article you could use {loadposition MYPOSITION}. Please check it at to get more info about it.

Hope this helps. Regards,

User moon_1193 2013-08-01 19:05:51

Thank you.
I know about {loadposition ddd}. But will work {loadmodule ddd}?

Moonsoft support 2013-08-01 19:15:47


Yes, it works. Set on module options (in Module manager) ddd as position. And don´t forget to set 'Module Assignment' to 'On all pages' or on the article page, and set 'status' as 'published'.


User moon_1193 2013-08-02 21:00:32

As example I set the position of the calc module "right".
If I write {loadposition right} it works. But I don't need double module on article (loaded on right position and by {loadposition ...}).
If I write {loadmodule right} it doesn't work.
I think that I need to use {loadmodule TYPE_OF_MY_MODULE (like mod_login)}.

Moonsoft support 2013-08-02 21:45:29


You don´t need to use a predefined position. You should named your position with any name. For example:

Position in module, type : mycalc
In article: {loadposition mycalc}

This is what you need.


User moon_1193 2013-08-04 08:42:14

It works, thanks.

I could not create a custom user position and I used any position from another template.

Support/development 10 hours

Get a bigger amount of hours for more complex tasks and get a 10% discount

Buy now!
List Manager

Build different lists for your site

Buy now!