Field group display template

3 weeks 3 days ago #337719 by galanopd
Field group display template was created by galanopd
Hi,
In a field group, I have Parameters->Display->Display Template->Table, and I need the ascending numbering not to be displayed on the front end.
Is that possible somehow?

Thanks
 

Please Log in to join the conversation.

3 weeks 3 days ago #337720 by krileon
Replied by krileon on topic Field group display template
The HTML is designed with that column in place. You can use the below CSS to hide it though.
.cbFieldGroupRow > td:not(.cbFieldGroupRowCell),
tr.cbRepeatRow .cbRepeatRowNumber {
	display: none;
}

Should hide it on profile view and profile edit.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in to join the conversation.

3 weeks 3 days ago - 3 weeks 3 days ago #337721 by galanopd
Replied by galanopd on topic Field group display template
It looks that the code hides the first column cells but not the heading of the column which is named (#)...

Edit: This would hide the whole th row 
th:not(.cbFieldGroupRowCell),

Please Log in to join the conversation.

3 weeks 3 days ago #337722 by krileon
Replied by krileon on topic Field group display template
You'll have to try and write the necessary CSS for that or make your own template for CB Field Groups. Adding new templates is just a matter of adding a folder to the below location.

/components/com_comprofiler/plugin/user/plug_cbfieldgroups/templates

So for example the following could be a new template.

/components/com_comprofiler/plugin/user/plug_cbfieldgroups/templates/mytable

You then add what files you want to override from "default" template (or any of the others) and modify them as desired. Now you can select your template within your field group field.

In your case making a copy of the "table" template and modifying it to fit your needs is probably the easiest solution to have exactly the table structure you want. As for CSS solutions you can try things like the following.
.cbFieldGroupTable thead tr th:first-child {
	display: none;
}


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in to join the conversation.

3 weeks 3 days ago #337723 by galanopd
Replied by galanopd on topic Field group display template
I worked it out a minute before your answer, using
.cbFieldGroupRow > td:not(.cbFieldGroupRowCell),  th:first-child:not(.cbFieldGroupRowCell),
tr.cbRepeatRow .cbRepeatRowNumber {
    display: none;
}
and what you suggest is very helpful as addding CSS modifications to Overrides is applied globaly while your suggestion allows template selection.

Thank you Kyle
 

Please Log in to join the conversation.

3 weeks 3 days ago - 3 weeks 3 days ago #337725 by galanopd
Replied by galanopd on topic Field group display template
It seems that CSS modifications are not applied properly on profile edit. Table is not shown correctly...
To be honest, I don't mind applying the CSS changes on profile edit but only on profile view. But in this case the table on profile edit is not shown correctly

EDIT: I found out why. This happens only when Group Reordering on Field Group Parameters is set to Yes, as it adds a column in the beginning of the table to allow the reordering

Please Log in to join the conversation.

Moderators: beatnantkrileon
Time to create page: 0.277 seconds

Facebook Twitter LinkedIn