Template issues with Calc and Radiobutton

[SoilentRed]

I have an awesome form with cascading dropdowns and calculations that work perfectly fine on the back end. On the front end the display isn't working right.
I have a radio list which is only showing one column, but I have it toggled for 3
I have a calc that displays information on the user's selection, but for some reason it is not showing right. What's more is that when I look at inspector, the information is there, but then there is a redundant instance of the calc that is incomplete and coded incorrectly.
Here's what's in the fabrik calc element:

return '<p align="center"><strong>Group Name</strong><br />{afab_find_a_group___select_a_group}<br /><strong>Community Builder</strong><br /><img src="https://networkinaction.com/{afab_find_a_group___thumb}" /><br />{afab_find_a_group___community_builder_name}</p>';

Template is a t3 template

jotcache is enabled (do fabrik and jotcache get along?)

offending page is here:
https://www.networkinaction.com/index.php/join-a-nia-chapter

As always, your help is appreciated!

 

[cheesegrits]

The calc issue is because the access on the element was making it not editable or viewable on the front end (at least for my test user), and for reasons I can't remember, if that's the case, we make a hidden input with the calc value, which was breaking the formatting because of your calc content.

I set the the "Details view" access to public, and the calc now works.

Haven't looked at the radio button issue yet.

-- hugh

 

[SoilentRed]

Thankhugh! (see what i did there?)

 

[SoilentRed]

Hugh,

Do you have any thoughts on why the radio won't go to 3 columns?

 

[cheesegrits]

Did you apply the bootstrap v3 overrides to your Helix III template?

Looks like you radio button is using spanX instead of col-md-X as the grid class, which usually means you haven't applied them. If I change them manually, it formats correctly:

https://www.screencast.com/t/OTZRnKHnGN

... and on my reference Helix III site here, with overrides applied, they correctly use col-md-X.

The bs3 overrides and instructions are here:

https://github.com/Fabrik/Fabrik-Joomla-alt-layouts

-- hugh

 

[SoilentRed]

I have a few templates running on my site, but they are not Hellix III. The two active templates are build on the T3 framework. I removed purity from my site a while back. I created the folder path referenced in the instructions and uploaded the BS3 files to /templates/purity_iii/html/layouts/com_fabrik as well as to my uber theme template. That didn't work, so then I tried the uikit to my uber template but that also didn't work. scratching my head. I'm probably doing it wrong.

You going to JDay Texas?

 

[cheesegrits]

I'm seriously considering jDay, yes.

When you copied the overrides up, did you copy the content of the ./bootstrap3 folder, or the folder itself? You are supposed to copy the content, so you have ...

./templates/uber/html/layouts/com_fabrik/element
./templates/uber/html/layouts/com_fabrik/form
./templates/uber/html/layouts/com_fabrik/list
etc

... NOT ...

./templates/uber/html/layouts/com_fabrik/bootstrap3/element
./templates/uber/html/layouts/com_fabrik/bootstrap3/form
etc

-- hugh

 

[SoilentRed]

That's what I did. Still looks the same though.

 

[cheesegrits]

Hmmm, well ... I can't replicate this.

Here's an example JA T3 template (magz_ii) ...



... as you can see, it's correctly using the Bootstrap 3 grid classes (col-md-3), the radio buttons are in multiple columns, and the overrides are in ja_magz_ii/html/layouts/com_fabrik.

Hopefully I'll be at JDay, yes.

-- hugh