Viewing 26 reply threads
  • Author
    Posts
    • #4294
      hyperarts
      Member

      There appears to be a PikList Sentence and PikList Paragraph in a repeatable group.

      So it is structured like:
      Group 1
      Sentence
      Paragraph

      Group 2
      Sentence
      Paragraph

      But 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.
    • #4296
      hyperarts
      Member

      I 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???

    • #4297
      Kevin
      Keymaster

      @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.

    • #4298
      hyperarts
      Member

      sounds great, thanks Kevin.

    • #4299
      Kevin
      Keymaster

      @hyperarts- We received the file and successfully tested the field.

    • #4300
      hyperarts
      Member

      Sounds good, thanks again Kevin.

    • #4352
      shayneol
      Member

      Hello 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

      • #4357
        hyperarts
        Member

        Hi Kevin,

        It seems to be a bug in Piklist. I believe they are working to resolve the issue though in the next release.

    • #4356
      Steve
      Keymaster

      @shayneol– Please post your field code so we can test.

    • #4358
      shayneol
      Member

      Hello 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
          )
        ));
      
      ?>
    • #4360
      Kevin
      Keymaster

      @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

      • #4385
        shayneol
        Member

        Hello Kevin,

        I have just updated to Piklist v9.4.29. Using the same code as my previous entry above, the Editor issue still persists. I am uploading a screenshot for reference.

        Attachments:
        You must be logged in to view attached files.
      • #4387
        Steve
        Keymaster

        v9.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.

      • #4388
        shayneol
        Member

        Oh ok. I will be patient then.

        Thanks

      • #4412
        shayneol
        Member

        Hello 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.

      • #4413
        Steve
        Keymaster

        Not yet… really trying to get it out by Monday.

    • #4436
      Steve
      Keymaster
      • #4453
        shayneol
        Member

        Thank 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
        Shayne

        Attachments:
        You must be logged in to view attached files.
    • #4455
      Steve
      Keymaster

      @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.

      • #4456
        shayneol
        Member

        Hey Steve,

        I deleted the entire piklist plugin folder and uploaded the new version. But I will try it again and let you know if that was the issue.

        Attachments:
        You must be logged in to view attached files.
    • #4459
      shayneol
      Member

      Ok. 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 section

      Attachments:
      You must be logged in to view attached files.
    • #4461
      Steve
      Keymaster

      @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.

    • #4462
      shayneol
      Member

      The 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
      		)
            )
      
          )
        ));
      
    • #4463
      shayneol
      Member

      I 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

    • #4465
      Steve
      Keymaster

      @shayneol– We’re getting closer! Two things:
      1) Please post the exact code that is not working.
      2) Let us know which group cannot be repeated more than 10 times.

    • #4470
      shayneol
      Member

      I 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
      		)
            )
      
          )
        ));
      
    • #4486
      Steve
      Keymaster

      Try removing ,'scope' => 'post', and see if that fixes the issue.

      99% of the time you do not have to set scope in the admin. ‘scope’ => ‘post’ is telling Piklist to save the field test_editor_01 to the wp_posts table, except WordPress can’t do that because there is no column with that name.

    • #4492
      shayneol
      Member

      I 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 🙁

    • #4496
      Steve
      Keymaster

      Please zip up your code and email to [email protected]

    • #4504
      shayneol
      Member

      Ok. I just email it

    • #4507
      Steve
      Keymaster

      @shayneol– Please provide step-by-step details on how to reproduce. Feel free to overly detailed. Which post type? Which field? What should I do? What am I looking for?

    • #4509
      shayneol
      Member

      Hello Steve,

      I just sent you a screencast of what I am doing.

      Thanks

    • #4551
      Steve
      Keymaster

      This will be fixed in v0.9.9.3

    • #4599
      shayneol
      Member

      “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 🙂

    • #4602
      Steve
      Keymaster

      Awesome! Closing ticket.

Viewing 26 reply threads
  • The topic ‘PikList WYSIWYG breaking format in PikList Group’ is closed to new replies.