Chronoforms v8 - Tables

I'm trying to start converting my forms from V7 to V8.

I got excited when I saw there was a v7 restore into v8, but it doesn't seem to do anything.

I'm trying to recreate a multi-page form, similar to the articles demo from V7.

First page has a "table" that looks like this:

I figured the "table" option in V8 is correct to use.

However, I'm finding the following:

• The table appears to ignore the template entirely and look nothing like the table above
• It doesn't appear that column width can be changed
• I'm not sure how to do the above - where the green "year" can be clicked to load the saved data into the next page
• There doesn't seem to be an option to invert colors
• Since it directly attaches to a table, it doesn't appear to allow me to customize the sql or the order of the data

I may be missing it entirely, and if there's any demos I'm happy to take a look.  I looked at the FAQ but the table component didn't seem to match what I was seeing in V8.

Hi gotpowr

Please check this tutorial for how to connect the table to a custom Read Data:

https://www.chronoengine.com/faqs/chronoforms/chronoforms8/create-a-table-list-in-chronoforms8

The table styles can be override using CSS

You may use the column HTML to set a link and direct it to a different form page under a different page group

the v7 restore is supposed to come to v8 later, hopefully I can finish this soon

Thanks for the replies Max!  Makes sense now on the V7 import.  It showed up as a valid extension so I got preemptively excited.  LOL

I read through that, but I don't see the datasource option in the table unless I'm doing something wrong:

Also, stupid question, but how would I do the custom CSS for the table?  I generally get the idea of CSS but I've never done anything than minor edits.  I was spoiled with the way V7 worked for the table.

You do not have the latest update installed, that's why there is no Data Source setting

The table uses the "nui table" class, so if you can write your own definition for the styles of this class then it will override what's there, you do not need to write everything, just the styles you want to change

😳DOH!

Got the update installed and the datasource is working now!

I'm not sure what you mean by column HTML though for the link?  How do I set that?

In V7 I was able to do it with the text node with the way the table created the columns and allowed you to do almost anything underneath each column:

Also, I tried creating a CSS element with the following:

.nui.table {

background = #333;

}

(also tried background-color)

It seems to get overridden by the template or something?  I see it in the CSS of the form but it's crossed out because the class in the table overwrote it.

So when I look at the table, it's something like class="nui table white ..."

and the css stuff is:

.nui.table

.nui.black, .nui.white, .nui.blue

and then I see my CSS repeated below that

(another)

.nui.table

.nui.white

but both are overridden by the other stuff above.  Maybe I'm doing something wrong?

in the Table view > Behaviors > Output, you can define a custom output for any column

but if you like the way it was done in v7 then this is how the new v8 update will make it, so you may wait for the update and do it the same old way

you can add !important to your CSS rule to force it:

background = #333 !important;

Thanks Max!!  The !important works and I can get the table styled like it was before - or maybe even better lol.

When will that version of v8 release (general timeframe)?  I may wait for that and move on to other forms for update.

Also, will it include the ability to set fields based on event triggers?

e.g. if I have a button with a trigger setuser  and have a field with a listener of setuser, i want to set the value of that field to current user id/name.

Thanks!!

Thanks Max, I downloaded it right away and started working with it.  I have 2 separate questions, but I'll post them in a new thread.

ok, note that we now have v8.0.27, which has v7 forms import support if you still did not finish all your forms 😊