UM Integration

Hey missveronica,

I’m not exactly sure what’s the problem, can you please share a link so I can have a look.

@qualmy91

I have the UM Profile user pages designed with short fields in 3 columns, because I want to reduce the page length.

One option in the UM Forms Designer is to add fields generated with shortcodes.

If I add the [tfaf_activity] on top of a 3 column page ie a “Member Activity” section before the UM user field section with UM formatting of the 3 columns the “tfaf” shortcode looks different with it’s formatting and is only occupying about 60% of the page width and the 3 UM columns are spread evenly over the page width by using the default UM column classes: um-col-131 um-col-132 um-col-133.

My question is if you can replace your “tfaf” column classes with the UM classes so each section of the page is formatted equal?

@qualmy91

Here is a screen copy of the issue: https://imgur.com/a/2cAvmFj

@missveronicatv

Thank you for your clarification. I guess it is best to leave the existing shortcode like it is since it could cause problems for other users if I reformat this shortcode and it is not supposed to be 3 columns.

I could create 3 more shortcodes for three values “Topics Started”, “Replies Created” and “Likes Received”. With that, you could arrange the way you want. Would that be helpful for you?

@qualmy91

Why not have one version as it is today and another using UM CSS
then users can switch depending on page requirements.

[tfaf_activity] is the default and the UM: [tfaf_activity css=UM]

@missveronicatv

Because you would be more flexible with separate shortcodes. And if someone doesn’t want to show the likes he can just leave it blank. Or also if you want to have a vertical orientation it will be easier with this solution.

@qualmy91

Yes and the “Member Activity” text may be added by the UM Forms Designer.
Skip also the horizontal line as this line can be added via the UM Forms Designer using the Divider field.

Each new shortcode is presenting a one liner like: icon 10 Replies Created
and is using only UM field classes for using all UM CSS customizations.

@missveronicatv

I add some more shortcodes with the next update. I guess it will be a formatted but separate version and a plain version with only the number (so you will have the chance to design it your way.

@qualmy91

Thanks,

This will give the UM users the possibility to add the fields to Profile Forms and Member Directories as required for their sites.