Skip to:
Content
Pages
Categories
Search
Top
Bottom

Forum Replies Created

Viewing 18 replies - 1 through 18 (of 18 total)

  • studiocrafted
    Participant

    @studiocrafted

    You’re welcome. GL.


    studiocrafted
    Participant

    @studiocrafted

    How do I remove the activity scroll when a user clicks on reply? I just want the user to click on the reply button and for the textarea to just open but not scroll the page down to the reply.. I just want it to open in place.

    It wont open in place. It never will. It can’t. It’s not built like that.

    Remove the scroll and it still wont open in place.

    You may feel it opens in place on single threaded comments but when there is any more than 1 comment you will begin to see that form is always under the last of those, in a nest or not.

    That’s why I have said this.

    It does seem odd, but that’s the nature of nested comments. I’d prefer like you the default action went through a single form and not a different form for every nest.


    studiocrafted
    Participant

    @studiocrafted

    Inherently with the default functionality of BuddyPress, page scroll or not. The comment reply will always appear under the current nest.


    studiocrafted
    Participant

    @studiocrafted

    Yeah the scrolling is BuddyPress. The theme position just looked a bit off in the video, I’d ignore my comment on that if the position is fine.

    It does seem odd, but that’s the nature of nested comments. I’d prefer like you the default action went through a single form and not a different form for every nest.

    There is a work around, I’d do it as a custom solution for you as I really need the money and do this on a professional basis.


    studiocrafted
    Participant

    @studiocrafted

    So in the video you can see the form appears under the current nest you are in.

    If you reply to nested comment 1 of 5 for example the form is still going to be below all 5.

    How do you propose the user gets there? A hard page jump?

    You are using a theme that seems to make the position of the scroll not look accurate. Normally it will hook into the right element and go straight to the form.


    studiocrafted
    Participant

    @studiocrafted

    Keep in mind there are threaded comments in the streams.

    So let’s say you have 3 top level replies, and inside the 2nd there are a number of nested comments. The comment form will appear under the 2nd top level item and below the 3rd.

    It’s quite verbose but that’s why there is scrolling. Sometimes the form just appears in locations off the screen.

    When you see the nested comments in practice you’ll get it why the scrolling is in place.

    It’s really not bad, I understand why you want it in place but there’s stuff that happens further down the road that makes it practical.


    studiocrafted
    Participant

    @studiocrafted

    I don’t recommend removing this functionality, especially on pages when the stream can be quite long.


    studiocrafted
    Participant

    @studiocrafted

    I’ll give you a follow now. 🙂 Also sent you a message through your contact form yesterday.


    studiocrafted
    Participant

    @studiocrafted

    Not a problem.


    studiocrafted
    Participant

    @studiocrafted

    It’s a rule for your web server, so yes. If you set it, it applies to all uploads.


    studiocrafted
    Participant

    @studiocrafted

    You will need to modify your server configuration. Specifically PHP and a general rule.

    This can be done with both php.ini and .htaccess.

    An example php.ini file would be

    upload_max_filesize = 4M
    post_max_size = 4M
    memory_limit = 4M

    and for .htaccess

    php_value upload_max_filesize 4M
    php_value post_max_size 4M
    php_value memory_limit 4M

    Both files should be placed typically be in public_html of your web server.

    Be sure to name the files as I have told you above, otherwise they will be ignored.

    Lastly if you have a multi site install of WordPress you might be able to go into network and set the value there. This will only work if the 4mb is less than what your default or current server config is.

    If all of that isn’t working you should next speak with your web host about how to do this.


    studiocrafted
    Participant

    @studiocrafted

    They’re on your web server located usually in wp-content/uploads


    studiocrafted
    Participant

    @studiocrafted

    Hi @dazzerr are you on twitter?


    studiocrafted
    Participant

    @studiocrafted

    Sorry without know what your theme structure looks like under the hood I can’t help you further.

    I did take a look at the site and they are doing custom stuff.

    So yeah, a bit stuck here. I am available for private work if you’d like to hire me to solve some of your design challenges.


    studiocrafted
    Participant

    @studiocrafted

    I suggest you make a file in your theme at the following location

    yourtheme/buddypress/members/members-loop.php

    In that file you if you didn’t already have one then you should be ok to add the following code inside that file.

    <?php
    /**
     * BuddyPress - Members Loop
     *
     * @since 3.0.0
     * @version 3.0.0
     */
    
    bp_nouveau_before_loop(); ?>
    
    <?php if ( bp_get_current_member_type() ) : ?>
    	<p class="current-member-type"><?php bp_current_member_type_message(); ?></p>
    <?php endif; ?>
    
    <?php if ( bp_has_members( bp_ajax_querystring( 'members' ) ) ) : ?>
    
    	<?php bp_nouveau_pagination( 'top' ); ?>
    
    	<ul id="members-list" class="<?php bp_nouveau_loop_classes(); ?>">
    
    	<?php while ( bp_members() ) : bp_the_member(); ?>
    
    		<li <?php bp_member_class( array( 'item-entry' ) ); ?> data-bp-item-id="<?php bp_member_user_id(); ?>" data-bp-item-component="members">
    			<div class="list-wrap">
    
    				<div class="item-avatar">
    					<a href="<?php bp_member_permalink(); ?>"><?php bp_member_avatar( bp_nouveau_avatar_args() ); ?></a>
    				</div>
    
    				<div class="item">
    
    					<div class="item-block">
    
    						<h2 class="list-title member-name">
    							<a href="<?php bp_member_permalink(); ?>"><?php bp_member_name(); ?></a>
    						</h2>
    
    						<?php if ( bp_nouveau_member_has_meta() ) : ?>
    							<p class="item-meta last-activity">
    								<?php bp_nouveau_member_meta(); ?>
    							</p><!-- #item-meta -->
    						<?php endif; ?>
    
    						<?php
    						bp_nouveau_members_loop_buttons(
    							array(
    								'container'      => 'ul',
    								'button_element' => 'button',
    							)
    						);
    						?>
    
    						<a href="<?php bp_member_permalink(); ?>" class="button">View Profile</a>
    
    					</div>
    
    					<?php if ( bp_get_member_latest_update() && ! bp_nouveau_loop_is_grid() ) : ?>
    					<div class="user-update">
    						<p class="update"> <?php bp_member_latest_update(); ?></p>
    					</div>
    						<?php endif; ?>
    
    				</div><!-- // .item -->
    
    			</div>
    		</li>
    
    	<?php endwhile; ?>
    
    	</ul>
    
    	<?php bp_nouveau_pagination( 'bottom' ); ?>
    
    <?php
    else :
    
    	bp_nouveau_user_feedback( 'members-loop-none' );
    
    endif;
    ?>
    
    <?php bp_nouveau_after_loop(); ?>
    

    That should give you a “View Profile” Link.


    studiocrafted
    Participant

    @studiocrafted

    .css-class-of-username-input, .css-class-of-password-input {
    float: left;
    width: 50%;
    }

    If the inputs have containers then you can also apply padding-right and padding-left to the first and last child.

    .username-container {
    padding-right: 10px;
    }

    .password-container {
    padding-left: 10px;
    }

    To add a label as a placeholder wont work, a placeholder should be a hint about what to do with the form field, the label should be used to describe it in part. Additional info about the field can be supplied after the input in a paragraph.

    There are some nice examples of animated label elements which could achieve what you are trying to do with css. It would be something like.

    .input-container {
    position: relative;
    }

    label {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    transition: .2s;
    }
    input:focus + label {
    position: absolute;
    top: 0;
    left: 0;
    }

    Hope that helps.


    studiocrafted
    Participant

    @studiocrafted

    The other weird thing about this is that the comment does get added, it only becomes visible when the page is refreshed though.

    I just wish there was a better error log available.


    studiocrafted
    Participant

    @studiocrafted

    I should problably add that in testing of my custom theme with vanilla template files favorite actions and comment deletions works, so does clicking comment to reveal the textarea form, it’s only when submitting the comment that the textarea never returns from its disabled state because the ajax outcome is caught on a fail().

    I’ve tried to look closer into what event.data is which is assigned to the parent variable but I’m not able to debug much further than I already have.

    It seems weird to me the responseText is formed differently in the return when Twenty Nineteen is active over my custom theme.

Viewing 18 replies - 1 through 18 (of 18 total)
Skip to toolbar