row ID's changing as form is saved with new fields

I wanted to suggest the possibility of once something is entered into the Designer that the row ID remain permanent. I have on a continual basis jQuery functions pointed at specific rows and then I add a new field in higher in the form which increases the row number in the row ID and then I have to edit my javascript every time that happens.

As simple example as I can think of might be if I were to have a text field placed in my designer and in the form in a web browser the parent div ID is "form-row-100" and in my Designer add another text field higher than that one in placement order and then the parent ID of the example div I just mentioned might become something like "form-row-102." There is an ID number that doesn't change for each element in the designer, so why can't the rendered form in a web browser just use that unique ID?

Hi Chris,

The id will change if its dynamic (auto generated), please set a "Field id" and then your row id will be static and will not change, e.g: form-row-myid

Regards,
Max

I actually do have Field ID's set for my fields and the parent DIV tag is still showing a row ID in the "id" attribute. Here's an example I scraped directly from my form front end for my field with the Field ID set to "card_num":

<div class="form-group gcore-form-row" id="form-row-57">
<label for="card_num" class="control-label gcore-label-left">Credit Card #:</label>
  <div class="gcore-input gcore-display-table" id="fin-card_num">
    <input name="card_num" id="card_num" value="" placeholder="" maxlength="20" size="" class="form-control A" title="" style="" data-inputmask="" data-load-state="hidden_parent" data-tooltip="" type="text">
  </div>
</div>

Oh, sorry, I forgot that, then maybe you can use this instead:

jQuery("#field_id").parent().parent();
jQuery("#fin-field_id").parent();

But I will try to fix this issue for the next release!

Regards,
Max

That would be really great if you could. Thanks, Max.

I've installed the newer version of Chronoforms (v5.0.2) and I have noticed that you added this feature, and I wanted to thank you very much for doing so! Now my top div level of my rows have permanent ID attributes like "form-row-card_num" instead of "form-row-112" (in which the number changes when I add or remove elements above this element in the form's order).

I had a question for you - if I add a custom element to the form designer (which I do frequently), I can't customize the ID attribute for it's parent div; it will create one somewhat like "form-row-fld31". Is the number in this attribute going to change as I make changes in my form designer or is that number permanent?

Hi Chris,

No problems!

Well, I couldn't fix this one, its the same for multi fields, it usually doesn't change, but I think that it changes when you add new fields above that field, I mean in the designer.

Regards,
Max