- This topic has 34 replies, 4 voices, and was last updated 6 years, 3 months ago by
Steve.
-
AuthorPosts
-
-
September 8, 2015 at 2:52 pm #4294
hyperartsMemberThere appears to be a PikList Sentence and PikList Paragraph in a repeatable group.
So it is structured like:
Group 1
Sentence
ParagraphGroup 2
Sentence
ParagraphBut when I switch the Paragraph to a WYSIWYG, the WYSIWYG editor breaks out of the group div formatting.
See attached image. It should be Title, Content, but it looks like Title, Content/Title, Content/Title. So this makes it look like the next title is right below the editor, and part of the editor. It also makes the repeater buttons oddly placed.
TL/DR; WYSIWYG editor in repeating group breaks layout. How to fix?
Attachments:
You must be logged in to view attached files. -
September 8, 2015 at 3:02 pm #4296
hyperartsMemberI see this thread here: https://piklist.com/support/topic/editor-field-within-an-add-more-field/ – which says to download 9.4.6, but the plugin version says the highest is 9.4.28, and that is what is in the WP Plugin repo. What???
-
September 8, 2015 at 5:13 pm #4297
KevinKeymaster@hyperarts- We are aware of this issue and it has been fixed in the next beta release which will be available later this week, stay tuned!
Thanks,
Kevin
PS If you want to send your code to [email protected] we will triple check to make sure you are all set with the upcoming release.
-
September 8, 2015 at 5:16 pm #4298
hyperartsMembersounds great, thanks Kevin.
-
September 8, 2015 at 5:32 pm #4299
KevinKeymaster@hyperarts- We received the file and successfully tested the field.
-
September 8, 2015 at 5:37 pm #4300
hyperartsMemberSounds good, thanks again Kevin.
-
September 17, 2015 at 10:09 pm #4352
shayneolMemberHello Kevin,
Any word on getting the WYSIWYG editor to work correctly with an Add More parameter or within an Add More Group? I’ve tested this on many versions of WordPress and the latest version that will work correctly for me is WordPress v.3.8.3.
Thanks
-
September 18, 2015 at 9:19 am #4356
-
September 18, 2015 at 2:50 pm #4358
shayneolMemberHello Steve,
Please see my code below. The first three groups are being used in my project, but the last field was copied straight from the Piklist demo file (field-editor.php). I just tried this on a new WordPress installation (WordPress v.4.3.1) and the editor fields do not work within an Add_More. I thank you and your team for all of your hard work on this framework. Can you give a timeframe on when the next release with this resolution will be available?
<?php /* Post Type: page Order: 100 Lock: true Meta box: false */ piklist('field', array( 'type' => 'group' ,'label' => 'Add Variation Items' ,'description' => 'To add more VARIATION ITEMS, click the blue "+" button. Click and drag to rearrange the order.' ,'field' => 'variation_01' ,'add_more' => true ,'fields' => array( array( 'type' => 'select' ,'field' => 'variation_level' ,'label' => 'Level' ,'value' => 'beg' ,'columns' => 6 ,'choices' => array ( 'beg' => 'Beginner' ,'int' => 'Intermediate' ,'adv' => 'Advanced' ) ) ,array( 'type' => 'text' ,'field' => 'variation_title' ,'label' => 'Variation Title' ,'columns' => 6 ,'attributes' => array( 'class' => 'large-text' ) ) ,array( 'type' => 'editor' ,'field' => 'variation_text' ,'label' => 'Text' ,'columns' => 12 ,'options' => array ( 'wpautop' => true ,'media_buttons' => true ) ) ) // end group: variation_01 )); // end field declaration piklist('field', array( 'type' => 'group' ,'label' => 'Add Performance Rubric Criteria Items' ,'description' => 'To add more ITEMS, click the blue "+" button. Click and drag to rearrange the order.' ,'field' => 'performance_rubric_01' ,'add_more' => true ,'fields' => array( array( 'type' => 'select' ,'field' => 'performance_level' ,'label' => 'Performance Rubric Criteria Level' ,'value' => 'beg' ,'columns' => 12 ,'choices' => array ( 'beg' => 'Beginner' ,'int' => 'Intermediate' ,'adv' => 'Advanced' ) ) ,array( 'type' => 'editor' ,'field' => 'performance_text' ,'label' => 'Performance Rubric Criteria Text' ,'columns' => 12 ,'options' => array ( 'wpautop' => true ,'media_buttons' => true ) ) ) // end group: performance_rubric_01 )); // end field declaration piklist('field', array( 'type' => 'group' ,'field' => 'teacher_page' ,'label' => 'Teacher Pages' ,'template' => 'field' ,'description' => 'To add more staff members, click the blue "+" button. Click and drag to rearrange the order' ,'add_more' => true ,'fields' => array( array( 'type' => 'text' ,'field' => 'section_title' ,'label' => 'Section Title' ,'columns' => 6 ) ,array( 'type' => 'text' ,'field' => 'section_anchor' ,'label' => 'Section Anchor ID' ,'columns' => 6 ) ,array( 'type' => 'editor' ,'field' => 'section_content' ,'label' => 'Section Content' ,'columns' => 12 ,'options' => array ( 'wpautop' => true ,'media_buttons' => true ) ) ) // end group: teacher_page )); // end field declaration //*** COPIED STRAIGHT FROM THE PIKLIST DEMO FILE piklist('field', array( 'type' => 'editor' ,'field' => 'post_content_add_more' ,'label' => 'Post Content Add More' ,'add_more' => true ,'description' => 'This is the teeny editor used in an add-more repeater field.' ,'value' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.' ,'options' => array ( 'media_buttons' => true ,'teeny' => true ,'textarea_rows' => 5 ,'drag_drop_upload' => true ) )); ?> -
September 18, 2015 at 7:40 pm #4360
KevinKeymaster@shayneol-
I had a chance to test your fields against the upcoming beta and they work wonderfully. The next beta will be released early next week so stay tuned.
Thanks,
Kevin
-
September 22, 2015 at 11:42 pm #4385
-
September 22, 2015 at 11:43 pm #4387
SteveKeymasterv9.4.29 was just a quick fix for WordPress 4.4. The version you will need is v0.9.9. Should be announcing this week.
-
September 22, 2015 at 11:45 pm #4388
shayneolMemberOh ok. I will be patient then.
Thanks
-
October 1, 2015 at 11:48 pm #4412
shayneolMemberHello Steve,
I was just wondering if v.0.9.9 has been released yet. If it has, I’m not sure that I’ve been looking in the correct location to download it. Could you help? Thanks.
-
October 2, 2015 at 11:50 am #4413
SteveKeymasterNot yet… really trying to get it out by Monday.
-
-
October 7, 2015 at 10:06 am #4436
SteveKeymaster-
October 7, 2015 at 8:18 pm #4453
shayneolMemberThank you guys for your hard work. I just tested v0.9.9 out…It seems to still be having problems with the visual editor with an Add_More function. I used my same code from above. While adding a post, the editor is now inside the section with the “+” and “-” buttons. Thanks. That works wonderfully. However, I cannot add more than ten items for each repeater section. After the tenth item, the visual editor glitches out. All of the buttons are gone, the text turns to all white, and clicking on the Text/Visual tabs do not work (I’m attaching a screenshot). Also, once in a while, when I click on the “+” button, the screen jumps to a different section of the page and no new repeater group is added to the screen. I have run the update script as prompted after installing the new plugin.
I thought that it might be my theme, so I tested it out on the twenty fifteen theme and received the same issues. Are there any other changes that I need to make on my end?
Also, I enabled the demo content to check if there were coding changes, but received this message when adding a new demo post: “This page is using the old Piklist WorkFlow system. Please update your code to the new WorkFlow system.”
Thanks
ShayneAttachments:
You must be logged in to view attached files.
-
-
October 7, 2015 at 10:55 pm #4455
SteveKeymaster@shayneol– Please verify that you only have ONE version of Piklist installed, and it’s 0.9.9. You should not be receiving that Workflow message in the Piklist Demos.
I tested in the new version and it looks good to me.
-
October 7, 2015 at 11:00 pm #4456
-
-
October 7, 2015 at 11:29 pm #4459
shayneolMemberOk. I know you probably don’t need a step-by-step, but this is what I just did:
1) I deleted the piklist folder within my theme directory
2) Deactivated the Piklist plugin
3) Deleted the Piklist plugin
4) Re-downloaded v.0.9.9, uploaded to plugins directory, and activated the plugin
5) Before I uploaded any meta-box files to my theme directory, I activated the Piklist demo and receive the same error message (see screenshot *disregard the Maintenance Mode notifications). No fields show up under any of the demo tabs, only the intro text.
6) Uploaded the meta-box files to my theme directory
7) I still cannot add more than ten visual editor items in an Add_More sectionAttachments:
You must be logged in to view attached files. -
October 8, 2015 at 12:38 am #4461
SteveKeymaster@shayneol– There were two issues:
1) Try downloading again. There were some old files still on WordPress.org.
2) Even with the old files, your admin shouldn’t have looked like that. Make sure you don’t have another version of Piklist running, or it hasn’t been included in some other plugin or your theme.Let me know if this works.
-
October 8, 2015 at 1:46 am #4462
shayneolMemberThe new files you added to WordPress.org worked great for the Piklist Demo, but I was still having issues with adding more than ten items to a add_more group. I decided to use the new demo file code (see below) instead of my previous code and everything seems to be working now. Thanks for all of your help and providing this great plugin.
**p.s. Using the code below, the description for the last editor field fell outside of the entire group box/area even if there was another field after the editor. Just letting you know since you’re collecting all bugs that we find. Thanks again.
<?php /* Title: Editor Examples Post Type: page Order: 100 Lock: true */ // EDITOR ADD_MORE TEST piklist('field', array( 'type' => 'editor' ,'field' => 'test_editor_01' ,'scope' => 'post' ,'label' => 'TEST EDITOR 01' ,'add_more' => true ,'description' => __('This is the standard WordPress Editor, placed in a Metabox, which is placed in a Piklist WorkFlow tab. By default, Piklist formats the editor like any other field with a label to the left.', 'piklist-demo') ,'value' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.' ,'options' => array( 'wpautop' => true ,'media_buttons' => true ,'shortcode_buttons' => true ,'tabindex' => '' ,'editor_css' => '' ,'editor_class' => '' ,'teeny' => false ,'dfw' => false ,'tinymce' => array( 'resize' => false ,'wp_autoresize_on' => true ) ,'quicktags' => true ,'drag_drop_upload' => true ) )); // GROUP ADD_MORE TEST piklist('field', array( 'type' => 'group' ,'field' => 'group_test' ,'label' => __('Address (Grouped)', 'piklist-demo') ,'list' => false ,'description' => __('A grouped field with a key set. Data is not searchable, since it is saved in an array.', 'piklist-demo') ,'fields' => array( array( 'type' => 'text' ,'field' => 'text01' ,'label' => 'TEXT 01' ,'required' => true ,'columns' => 4 ,'attributes' => array( 'placeholder' => 'Text 01' ) ) ,array( 'type' => 'text' ,'field' => 'text02' ,'label' => 'TEXT 02' ,'required' => true ,'columns' => 4 ,'attributes' => array( 'placeholder' => 'Text 02' ) ) ,array( 'type' => 'select' ,'field' => 'select_optgroup' ,'label' => __('Select with Option Groups', 'piklist-demo') ,'columns' => 4 ,'value' => 'third' ,'choices' => array( 'Group 1' => array( 'first' => __('First Choice', 'piklist-demo') ,'second' => __('Second Choice', 'piklist-demo') ,'third' => __('Third Choice', 'piklist-demo') ) ,'Group 2' => array( 'first' => __('First Choice', 'piklist-demo') ,'second' => __('Second Choice', 'piklist-demo') ,'third' => __('Third Choice', 'piklist-demo') ) ) ) ,array( 'type' => 'editor' ,'field' => 'test_editor_01' ,'scope' => 'post' ,'label' => 'TEST EDITOR 02' ,'add_more' => true ,'description' => __('This is the standard WordPress Editor, placed in a Metabox, which is placed in a Piklist WorkFlow tab. By default, Piklist formats the editor like any other field with a label to the left.', 'piklist-demo') ,'value' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.' ,'options' => array( 'wpautop' => true ,'media_buttons' => true ,'shortcode_buttons' => true ,'tabindex' => '' ,'editor_css' => '' ,'editor_class' => '' ,'teeny' => false ,'dfw' => false ,'tinymce' => array( 'resize' => false ,'wp_autoresize_on' => true ) ,'quicktags' => true ,'drag_drop_upload' => true ) ) ) )); -
October 8, 2015 at 1:53 am #4463
shayneolMemberI think I was premature in the last statement. After I submitted the comment, I noticed that for the last group, the “,’add_more’ => true” statement was directly associated with the editor instead of the entire group. Like that, the entire group (two text boxes, one select, and one editor) repeated fine. I could add as many repeated items as I wanted. However, when I moved the “,’add_more’ => true” statement to the group itself, I then could not add more than ten repeated items without the editor glitching as before.
🙁 sorry
-
October 8, 2015 at 9:28 am #4465
-
October 8, 2015 at 5:12 pm #4470
shayneolMemberI used the following code. An editor with an Add_More, but NOT within a group seems to work correctly. When the editor is inside a group, unexpected things happen. For the following code, the Add_more is directly attached to the editor that is within a group. Instead of just being able to repeat the editor alone, it repeats the entire group when you click the “+” button. The entire group can be repeated more than ten times.
<?php /* Title: Editor Examples Post Type: page Order: 100 Lock: true */ // EDITOR ADD_MORE TEST piklist('field', array( 'type' => 'editor' ,'field' => 'test_editor_01' ,'scope' => 'post' ,'label' => 'TEST EDITOR 01' ,'add_more' => true ,'description' => __('This is the standard WordPress Editor, placed in a Metabox, which is placed in a Piklist WorkFlow tab. By default, Piklist formats the editor like any other field with a label to the left.', 'piklist-demo') ,'value' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.' ,'options' => array( 'wpautop' => true ,'media_buttons' => true ,'shortcode_buttons' => true ,'tabindex' => '' ,'editor_css' => '' ,'editor_class' => '' ,'teeny' => false ,'dfw' => false ,'tinymce' => array( 'resize' => false ,'wp_autoresize_on' => true ) ,'quicktags' => true ,'drag_drop_upload' => true ) )); // GROUP ADD_MORE TEST piklist('field', array( 'type' => 'group' ,'field' => 'group_test' ,'label' => __('Address (Grouped)', 'piklist-demo') ,'list' => false ,'description' => __('A grouped field with a key set. Data is not searchable, since it is saved in an array.', 'piklist-demo') ,'fields' => array( array( 'type' => 'text' ,'field' => 'text01' ,'label' => 'TEXT 01' ,'required' => true ,'columns' => 4 ,'attributes' => array( 'placeholder' => 'Text 01' ) ) ,array( 'type' => 'text' ,'field' => 'text02' ,'label' => 'TEXT 02' ,'required' => true ,'columns' => 4 ,'attributes' => array( 'placeholder' => 'Text 02' ) ) ,array( 'type' => 'select' ,'field' => 'select_optgroup' ,'label' => __('Select with Option Groups', 'piklist-demo') ,'columns' => 4 ,'value' => 'third' ,'choices' => array( 'Group 1' => array( 'first' => __('First Choice', 'piklist-demo') ,'second' => __('Second Choice', 'piklist-demo') ,'third' => __('Third Choice', 'piklist-demo') ) ,'Group 2' => array( 'first' => __('First Choice', 'piklist-demo') ,'second' => __('Second Choice', 'piklist-demo') ,'third' => __('Third Choice', 'piklist-demo') ) ) ) ,array( 'type' => 'editor' ,'field' => 'test_editor_01' ,'scope' => 'post' ,'label' => 'TEST EDITOR 02' ,'add_more' => true ,'description' => __('This is the standard WordPress Editor, placed in a Metabox, which is placed in a Piklist WorkFlow tab. By default, Piklist formats the editor like any other field with a label to the left.', 'piklist-demo') ,'value' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.' ,'options' => array( 'wpautop' => true ,'media_buttons' => true ,'shortcode_buttons' => true ,'tabindex' => '' ,'editor_css' => '' ,'editor_class' => '' ,'teeny' => false ,'dfw' => false ,'tinymce' => array( 'resize' => false ,'wp_autoresize_on' => true ) ,'quicktags' => true ,'drag_drop_upload' => true ) ) ) ));When I move the Add_more statement to the group instead of on the editor (see below), all items were enclosed within the repeating group as expected, but this time it wouldn’t let me add more than eleven items without the editor glitching.
<?php /* Title: Editor Examples Post Type: page Order: 100 Lock: true */ // EDITOR ADD_MORE TEST piklist('field', array( 'type' => 'editor' ,'field' => 'test_editor_01' ,'scope' => 'post' ,'label' => 'TEST EDITOR 01' ,'add_more' => true ,'description' => __('This is the standard WordPress Editor, placed in a Metabox, which is placed in a Piklist WorkFlow tab. By default, Piklist formats the editor like any other field with a label to the left.', 'piklist-demo') ,'value' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.' ,'options' => array( 'wpautop' => true ,'media_buttons' => true ,'shortcode_buttons' => true ,'tabindex' => '' ,'editor_css' => '' ,'editor_class' => '' ,'teeny' => false ,'dfw' => false ,'tinymce' => array( 'resize' => false ,'wp_autoresize_on' => true ) ,'quicktags' => true ,'drag_drop_upload' => true ) )); // GROUP ADD_MORE TEST piklist('field', array( 'type' => 'group' ,'field' => 'group_test' ,'label' => __('Address (Grouped)', 'piklist-demo') ,'add_more' => true ,'list' => false ,'description' => __('A grouped field with a key set. Data is not searchable, since it is saved in an array.', 'piklist-demo') ,'fields' => array( array( 'type' => 'text' ,'field' => 'text01' ,'label' => 'TEXT 01' ,'required' => true ,'columns' => 4 ,'attributes' => array( 'placeholder' => 'Text 01' ) ) ,array( 'type' => 'text' ,'field' => 'text02' ,'label' => 'TEXT 02' ,'required' => true ,'columns' => 4 ,'attributes' => array( 'placeholder' => 'Text 02' ) ) ,array( 'type' => 'select' ,'field' => 'select_optgroup' ,'label' => __('Select with Option Groups', 'piklist-demo') ,'columns' => 4 ,'value' => 'third' ,'choices' => array( 'Group 1' => array( 'first' => __('First Choice', 'piklist-demo') ,'second' => __('Second Choice', 'piklist-demo') ,'third' => __('Third Choice', 'piklist-demo') ) ,'Group 2' => array( 'first' => __('First Choice', 'piklist-demo') ,'second' => __('Second Choice', 'piklist-demo') ,'third' => __('Third Choice', 'piklist-demo') ) ) ) ,array( 'type' => 'editor' ,'field' => 'test_editor_01' ,'scope' => 'post' ,'label' => 'TEST EDITOR 02' ,'description' => __('This is the standard WordPress Editor, placed in a Metabox, which is placed in a Piklist WorkFlow tab. By default, Piklist formats the editor like any other field with a label to the left.', 'piklist-demo') ,'value' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.' ,'options' => array( 'wpautop' => true ,'media_buttons' => true ,'shortcode_buttons' => true ,'tabindex' => '' ,'editor_css' => '' ,'editor_class' => '' ,'teeny' => false ,'dfw' => false ,'tinymce' => array( 'resize' => false ,'wp_autoresize_on' => true ) ,'quicktags' => true ,'drag_drop_upload' => true ) ) ) )); -
October 8, 2015 at 10:34 pm #4486
SteveKeymasterTry removing
,'scope' => 'post', and see if that fixes the issue.99% of the time you do not have to set
scopein the admin. ‘scope’ => ‘post’ is telling Piklist to save the fieldtest_editor_01to thewp_poststable, except WordPress can’t do that because there is no column with that name. -
October 9, 2015 at 2:21 am #4492
shayneolMemberI actually tried that right after submitting my last response. I just tried it again (removing ,’scope’ => ‘post’ from both the single editor and the editor within the group). It didn’t work 🙁
-
October 9, 2015 at 10:17 am #4496
SteveKeymasterPlease zip up your code and email to [email protected]
-
October 9, 2015 at 4:28 pm #4504
shayneolMemberOk. I just email it
-
October 9, 2015 at 4:38 pm #4507
-
October 9, 2015 at 5:27 pm #4509
shayneolMemberHello Steve,
I just sent you a screencast of what I am doing.
Thanks
-
October 13, 2015 at 11:33 am #4551
SteveKeymasterThis will be fixed in v0.9.9.3
-
October 15, 2015 at 4:26 pm #4599
shayneolMember“By George She’s got it!” v0.9.9.3 seems to have resolved the editor issue. I was able to add twenty repeated elements without issue. Thanks for all the hard work. I have a more complicated section that I need to try out with conditional logics and many Add_More/Editor fields, but as of right now it looks good. I’ll keep you updated.
Thanks again 🙂
-
October 15, 2015 at 4:30 pm #4602
SteveKeymasterAwesome! Closing ticket.
-
-
AuthorPosts
- The topic ‘PikList WYSIWYG breaking format in PikList Group’ is closed to new replies.