title: i would like to open comments and comments input form in a modal popup
body: <p>Here is my problem</p>
  
  <p>where this button - link - php call:</p>
  
  <pre><code>    &lt;a href="&lt;?php bp_activity_comment_link(); ?&gt;" class="fa fa-reply 
      acomment-reply bp-primary-action " id="acomment-comment-&lt;?php 
      bp_activity_id(); ?&gt;"&gt;&lt;div class="comnekaj"&gt;Comment&lt;/div&gt;&lt;/a&gt;
  </code></pre>
  
  <p>opens this form as a inline slide down:</p>
  
  <pre><code>    &lt;form action="&lt;?php bp_activity_comment_form_action(); ?&gt;" method="post" 
      id="ac-form-&lt;?php bp_activity_id(); ?&gt;" class="ac-form"&lt;?php 
      bp_activity_comment_form_nojs_display(); ?&gt;&gt;
  
      &lt;?php bp_activity_comments(); ?&gt;
  
      &lt;div class="ac-reply-avatar"&gt;&lt;?php bp_loggedin_user_avatar( 
      'width=70&amp;height=70' ); ?&gt;&lt;/div&gt;
  
      &lt;div class="ac-reply-content"&gt;
  
      &lt;div class="ac-textarea"&gt;
  
      &lt;textarea id="ac-input-&lt;?php bp_activity_id(); ?&gt;" class="ac-input bp- 
      suggestions" name="ac_input_&lt;?php bp_activity_id(); ?&gt;"&gt;&lt;/textarea&gt;
  
      &lt;/div&gt;
  
      &lt;input type="submit" name="ac_form_submit" value="&lt;?php esc_attr_e( 
      'Comment', 'buddypress' ); ?&gt;" /&gt; &amp;nbsp; &lt;a href="#" class="ac-reply- 
      cancel"&gt;&lt;?php _e( 'Cancel', 'buddypress' ); ?&gt;&lt;/a&gt;
  
      &lt;input type="hidden" name="comment_form_id" value="&lt;?php 
      bp_activity_id(); ?&gt;" /&gt;
  
      &lt;/div&gt;
  
      &lt;?php do_action( 'bp_activity_entry_comments' ); ?&gt;
  
      &lt;?php wp_nonce_field( 'new_activity_comment', 
      '_wpnonce_new_activity_comment' ); ?&gt;
  
      &lt;/form&gt;
  </code></pre>
  
  <p>i am trying for more than a week now to display this inline form on the mentioned button click to show as a modal popup and am unable to succeed. 
         one of the problems i faced was how to sticky this on the bottom of the modal, to make it a bit more user friendly:</p>
  
  <pre><code>    &lt;div class="ac-textarea"&gt;
      &lt;textarea id="ac-input-&lt;?php bp_activity_id(); ?&gt;" class="ac-input bp- 
      suggestions" name="ac_input_&lt;?php bp_activity_id(); ?&gt;"&gt;&lt;/textarea&gt;
      &lt;/div&gt;
      &lt;input type="submit" name="ac_form_submit" value="&lt;?php esc_attr_e( 
      'Comment', 'buddypress' ); ?&gt;" /&gt; &amp;nbsp; &lt;a href="#" class="ac-reply- 
      cancel"&gt;&lt;?php _e( 'Cancel', 'buddypress' ); ?&gt;&lt;/a&gt;
      &lt;input type="hidden" name="comment_form_id" value="&lt;?php 
      bp_activity_id(); ?&gt;" /&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>on bottom of the modal...
  Do you have any suggestions how to solve this?</p>
  
  <p>edit:</p>
  
  <p>as per member request here is the html of the parts of the page i was talking about...</p>
  
  <pre><code>    &lt;div class="activity-meta"&gt;
  </code></pre>
  
  <p>here is the link that opens the input text box and the comments:            </p>
  
  <pre><code>    &lt;a href="?ac=14688/#ac-form-14688" class="fa fa-reply acomment-reply bp- 
      primary-action " id="acomment-comment-14688"&gt;&lt;div 
      class="com1"&gt;Comment&lt;/div&gt;&lt;/a&gt;
  </code></pre>
  
  <p>and this is the form that should open in modal popup in this example it has comments....                </p>
  
  <pre><code>    &lt;div class="activity-comments"&gt;
  </code></pre>
  
  <p>and this form i would like to display as popup with</p>
  
  <pre><code>    &lt;form action="https://test.com/.../reply/" method="post" id="ac-form-14688" 
      class="ac-form"&gt;
                  &lt;ul&gt;
  
      &lt;li id="acomment-14690"&gt;
      &lt;div class="acomment-avatar"&gt;
      &lt;a href="https://test.com/members/.../"&gt;
      &lt;img src="https://test.com/wp-content/uploads/avatars/2347/5a32cc81b1bb9- 
      bpthumb.jpg" class="avatar user-2347-avatar avatar-50 photo" width="50" 
      height="50" alt="Profile picture of ..." /&gt;     &lt;/a&gt;
      &lt;/div&gt;
  
      &lt;div class="acomment-meta"&gt;
      &lt;a href="https://test.com/members/.../"&gt;...&lt;/a&gt; replied &lt;a 
      href="https://test.com/.../p/14688/#acomment-14690" class="activity-time- 
      since"&gt;&lt;span class="time-since"&gt;15 hours, 15 minutes ago&lt;/span&gt;&lt;/a&gt; &lt;/div&gt;
  
      &lt;div class="acomment-content"&gt;&lt;p&gt;I try and main line mine&amp;#8230; &lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div class="acomment-options"&gt;
  
  
      &lt;a href="#" class="bp-secondary-action buddyboss_edit_activity_comment" 
      onclick="return buddypress_edit_activity_initiate(this);" data- 
      activity_id="14690"&gt;
              Edit            &lt;/a&gt;
  
  
      &lt;a href="https://test.com/delete/14690/?cid=14690&amp;amp;_wpnonce=2c0babed04" 
      class="delete acomment-delete confirm bp-secondary-action" 
      rel="nofollow"&gt;Delete&lt;/a&gt;
  
  
      &lt;/div&gt;
  
      &lt;/li&gt;
  
  
  
      &lt;li id="acomment-14691"&gt;
      &lt;div class="acomment-avatar"&gt;
      &lt;a href="https://test.com/members/,,,/"&gt;
          &lt;img src="https://test.com/wp- 
      content/uploads/avatars/3604/5bf70260a4f3a-bpthumb.jpg" class="avatar user- 
      3604-avatar avatar-50 photo" width="50" height="50" alt="Profile picture of 
      ,,," /&gt;     &lt;/a&gt;
      &lt;/div&gt;
  
      &lt;div class="acomment-meta"&gt;
      &lt;a href="https://test.com/members/,,,/"&gt;,,,&lt;/a&gt; replied &lt;a 
      href="https://test.com/.../p/14688/#acomment-14691" class="activity-time- 
      since"&gt;&lt;span class="time-since"&gt;15 hours, 12 minutes ago&lt;/span&gt;&lt;/a&gt; &lt;/div&gt;
  
      &lt;div class="acomment-content"&gt;&lt;p&gt;Yes I done that  before is good 
      technique&lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div class="acomment-options"&gt;
  
  
      &lt;a href="#" class="bp-secondary-action buddyboss_edit_activity_comment" 
      onclick="return buddypress_edit_activity_initiate(this);" data- 
      activity_id="14691"&gt;
              Edit            &lt;/a&gt;
  
  
          &lt;a href="https://test.com/delete/14691/? 
      cid=14691&amp;amp;_wpnonce=2c0babed04" class="delete acomment-delete confirm 
      bp-secondary-action" rel="nofollow"&gt;Delete&lt;/a&gt;
  
  
      &lt;/div&gt;
  
      &lt;/li&gt;
  </code></pre>
  
  <p></p>