[Resolved] I can not use the fields styling editor with types 3.0

[Author]

Posts

[goM]

I tried to use "fields styling editor" in types 3.0, but I get an error.
I tried the method described on the following page, but it did not solve it.

https://toolset.com/errata/fatal-error-using-legacy-styling-editor-types/

There are many custom fields on my site, and I am very troubled if this feature is no longer supported.

[Minesh]

Hello. Thank you for contacting the Toolset support.

Well - the use of constant TYPES_USE_STYLING_EDITOR with Types 3.0 is deprecated and is not going to support in future but still to have more concrete answer I've reported the issue to our next level support.

Please hold on for further updates. I will get in touch with you as soon as I know more.

[goM]

Thank you for your reply.

In the future, if "fields styling editor" is no longer supported by "Types 3.x", will the solution be presented from the "Toolset Team"?

Is there an existing solution?

I will continue to wait for contact.

[Minesh]

I've raised question against Devs - I will update you here as soon as I know more.

[Minesh]

Well - for now our Devs suggested to use following plugins as a workaround:
=> https://wordpress.org/plugins/add-admin-css/
=> hidden link
=> hidden link

The backward compatibility is still under assessment but there is no ETA on it.

[goM]

Thank you for the information.

The "Add Admin CSS" plugin seems to be able to substitute the existing method.

I have two questions.

Q.1
How can I delete a CSS that was set up using "fields styling editor"?
Before resetting the CSS using the "Add Admin CSS" plugin, I need to delete the old CSS set by "fields styling editor" from the WordPress database.

Q.2
How should I adjust the width and float of custom fields belonging to a specific field group with the "Add Admin CSS" plug-in?

I could not apply style if I specified as follows.
ex:

# wpcf - group - {my - field - group - name}  div [data - wpt - id = "wpcf - {my - custom - field - name}"] {
  width: 100px;
}

On the other hand, if I did not specify a field group, I could apply the style.
ex:

div [data-wpt-id = "wpcf- {my-custom-field-name}"] {
  width: 100px;
}

[Minesh]

Q.1
How can I delete a CSS that was set up using "fields styling editor"?
Before resetting the CSS using the "Add Admin CSS" plugin, I need to delete the old CSS set by "fields styling editor" from the WordPress database.
======>
Well - all custom styles you added to "Styling Editor" is saved in postmeta database table with key = _wp_types_group_admin_styles.

Q.2
How should I adjust the width and float of custom fields belonging to a specific field group with the "Add Admin CSS" plug-in?
=====>
Well - I tried to follow the same way and I can see its working at my end.

For example:

#wpcf-group-cfg-for-students div[data-wpt-id='wpcf-student-hobbies']{
  width:100px;
  overflow:hidden;
  background-color:red;
}

[goM]

About:Q.2
When I set the field group name with Japanese (= multibyte character), the URL encoded HTML will be output after "# wpcf-group ***".
Please see the attached image '2018-06-11_18h22_10.png'.

In this case, I can not correctly specify the element using the field group name.
When setting field group name with English (= single byte character), CSS correctly reflected.

Therefore, I think you need slag for HTML output in the field group name (just like custom fields).
Please see the attached image '2018-06-11_18h41_17.png'.

New threads created by Minesh and linked to this one are listed below:

https://toolset.com/forums/topic/split-i-can-not-use-the-fields-styling-editor-with-types-3-0/

[Minesh]

Ok - I spit the topic so we have new ticket for new issue. Please feel free to close this.

We will continue with your another issue with following ticket:
https://toolset.com/forums/topic/split-i-can-not-use-the-fields-styling-editor-with-types-3-0/#post-911786

[goM]

Thank you.

About Question#1, I was able to successfully delete css from the appropriate meta key using "phpMyAdmin".

After that, referring to the following URL, "Fields Styling Editor" was invalidated.
Reference URL:
https://toolset.com/documentation/user-guides/css-styling-for-fields/

Please continue to support me with new tickets on Question#2 issue.

BR.