froliclearning.com

Hello Everyone
I have tried some customization ,
i have changed rules-engine.php file and added some custom script to show my html code..

at this code
// If the user has completed the achievement, award it
if ( badgeos_check_achievement_completion_for_user( $achievement_id, $user_id, $this_trigger, $site_id, $args ) )

I have modified with this below code

// If the user has completed the achievement, award it
if ( badgeos_check_achievement_completion_for_user( $achievement_id, $user_id, $this_trigger, $site_id, $args ) )
{
badgeos_award_achievement_to_user( $achievement_id, $user_id, $this_trigger, $site_id, $args );
?>
<script type=”text/javascript”>
$(‘#deletesuccess’).delay(1000).fadeOut();
</script>

<div id=”deletesuccess” style=”width:300px;height:40px;top:15px;right:5px;position:fixed;z-index:6001;border:3px solid #744150;border-radius:5px;background-color:#744150;”>
<image src=”https://localhost/wordpress/award.png&#8221; width=”40″ height=”40″ style=”position:absolute;”><span style=”color:#fff;font-size:26px;width:auto;text-align:right;”>       You Earned A Badge</span>
</div>

<?php
}

Now for every achievement i can show custom popup which is designed using html/jquery/css.

Hope this helps.

If i am wrong , please let me know.

Cheers,
froliclearning.com