BuddyDev

Search

[Resolved] BuddyPress Signup Avatar. not correct cropping preview

  • Participant
    Level: Enlightened
    Posts: 95
    Maksim Rusakovich on #17683

    Thank you

    But how can I approve the member, if I can’t check his avatar?
    Or, after activating the member, his avatar will be in avatar mod plugin for moderation?

  • Keymaster
    (BuddyDev Team)
    Posts: 24706
    Brajesh Singh on #17684

    Hi Max,

    I am sorry but these plugins are not tested together. Please give a try and see if it ads to the queue(I doubt it).

    If it does not, I can certainly make them work together. I will need 2-3 days to push an update for the moderation plugin to support it.

    Regards
    Brajesh

  • Participant
    Level: Enlightened
    Posts: 95
    Maksim Rusakovich on #17701

    Hello Brajesh

    Great. Waiting for your reply!

  • Keymaster
    (BuddyDev Team)
    Posts: 24706
    Brajesh Singh on #17708

    Thank you.

  • Participant
    Level: Enlightened
    Posts: 95
    Maksim Rusakovich on #17738

    Hello, Brajesh.

    Any updates about the plugin?
    To make Fixed cropping frame?

    Thank you.

  • Keymaster
    (BuddyDev Team)
    Posts: 24706
    Brajesh Singh on #17745

    Hi Max,
    I will post the details a bit late today.

    Thank you
    Brajesh

  • Keymaster
    (BuddyDev Team)
    Posts: 24706
    Brajesh Singh on #17769

    Hi Max,
    Please see

    https://youtu.be/gjB3n6Du6Mo

    I am not sure about your issue, for me it is showing the correct aspect ratio. I thought earlier that aspect ratio was the problem?

  • Participant
    Level: Enlightened
    Posts: 95
    Maksim Rusakovich on #17770

    Hello Brajesh

    Yes, I understand you that you checked on standard theme.
    Could you help to find what influences in my situation?

    Maybe some setting can be changed to make the plugin more universal?

    What setting could I check im my site to find the bug?

    Thank you

  • Keymaster
    (BuddyDev Team)
    Posts: 24706
    Brajesh Singh on #17771

    Hi Max,
    Please rightclick anywhere on the page where cropper is shown and then open view source. In the sourc, please search for ‘jCrop’ and let me know the code that you see. Please use pastebin for sharing the code.

    Thank you
    Brajesh

  • Participant
    Level: Enlightened
    Posts: 95
    Maksim Rusakovich on #17772

    Hello.

    Sure.

    </style>
    <link rel='stylesheet' id='jcrop-css'  href='https://dev.abodva.com/wp-includes/js/jcrop/jquery.Jcrop.min.css?ver=0.9.12' type='text/css' media='all' />
    <script type='text/javascript' src='https://dev.abodva.com/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
    <script type='text/javascript' src='https://dev.abodva.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
    <script type='text/javascript' src='https://dev.abodva.com/wp-includes/js/jcrop/jquery.Jcrop.min.js?ver=0.9.12'></script>
    <script type='text/javascript'>
    	<script type="text/javascript">
    		jQuery(window).load( function(){
    			jQuery('#avatar-to-crop').Jcrop({
    				onChange: showPreview,
    				onSelect: updateCoords,
    				aspectRatio: 0,
    				setSelect: [ 250, 81, 749, 481 ]
    			});
    		});
    
    		function updateCoords(c) {
    			jQuery('#x').val(c.x);
    			jQuery('#y').val(c.y);
    			jQuery('#w').val(c.w);
    			jQuery('#h').val(c.h);
    		}
    
    		function showPreview(coords) {
    			if ( parseInt(coords.w) > 0 ) {
    				var fw = 350;
    				var fh = 400;
    				var rx = fw / coords.w;
    				var ry = fh / coords.h;
    
    				jQuery( '#avatar-crop-preview' ).css({
    					width: Math.round(rx * 999) + 'px',
    					height: Math.round(ry * 562) + 'px',
    					marginLeft: '-' + Math.round(rx * coords.x) + 'px',
    					marginTop: '-' + Math.round(ry * coords.y) + 'px'
    				});
    			}
    		}
    	</script>
    
    	<style type="text/css">
    		.jcrop-holder { float: left; margin: 0 20px 20px 0; text-align: left; }
    		#avatar-crop-pane { width: 350px; height: 400px; overflow: hidden; }
    		#avatar-crop-submit { margin: 20px 0; }
    		.jcrop-holder img,
    		#avatar-crop-pane img,
    		#avatar-upload-form img,
    		#create-group-form img,
    		#group-settings-form img { border: none !important; max-width: none !important; }
    	</style>

You must be logged in to reply to this topic.

This topic is: resolved