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

Hello,

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

- Go to http://jqueryui.com/tabs/ ,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="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /
// script src="http://code.jquery.com/jquery-1.9.1.js"
// script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"
//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

Hello,

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.

Regards,

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

I did this, but u can see on pic 1
https://www.dropbox.com/s/rsv0bk4qwub9l1r/pic1.png
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

Hello,

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 http://docs.joomla.org/How_do_you_put_a_module_inside_an_article%3F 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

Hello,

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'.

Regards,

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

Hello,

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.

Regards,

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

Perfect for small code changes or to correct any bug at your site

Buy now!
...
Support/development 10 hours

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

Buy now!