alvinchesaro

DropzoneJS and Croppie integration

An integration of DropzoneJS and Croppie

https://medium.com/@rikschennink/integrating-dropzone-with-javascript-image-cropper-optimise-image-upload-e22b12ac0d8a

A Pen by Rik Schennink on CodePen.

License.

alvinchesaro

[HtmlTargetElement(Attributes = ControllersAttributeName)]
    [HtmlTargetElement(Attributes = ActionsAttributeName)]
    [HtmlTargetElement(Attributes = RouteAttributeName)]
    [HtmlTargetElement(Attributes = ClassAttributeName)]
    public class ActiveLinkTagHelper : TagHelper
    {
        private const string ActionsAttributeName = "asp-active-actions";
        private const string ControllersAttributeName = "asp-active-controllers";
        private const string ClassAttributeName = "asp-active-class";
        private const string RouteAttributeName = "asp-active-route";

alvinchesaro

    [HtmlTargetElement(Attributes = ControllersAttributeName)]
    [HtmlTargetElement(Attributes = ActionsAttributeName)]
    [HtmlTargetElement(Attributes = RouteAttributeName)]
    [HtmlTargetElement(Attributes = ClassAttributeName)]
    public class ActiveRouteTagHelper : TagHelper
    {
        private const string ActionsAttributeName = "asp-active-actions";
        private const string ControllersAttributeName = "asp-active-controllers";
        private const string ClassAttributeName = "asp-active-class";
        private const string RouteAttributeName = "asp-active-route";

alvinchesaro

Product Page Image and Alt Images to Slick and Fancybox with alt images

	$('.slider-for').slick({
	  slidesToShow: 1,
	  slidesToScroll: 1,
	  arrows: false,
	  asNavFor: '.slider-nav'
	});
	$('.slider-nav').slick({

alvinchesaro

if (System.Deployment.Application.ApplicationDeployment.IsNetworkDeployed) {
    System.Deployment.Application.ApplicationDeployment cd =
    System.Deployment.Application.ApplicationDeployment.CurrentDeployment;
    string publishVersion = cd.CurrentVersion;
    // show publish version in title or About box...
}

alvinchesaro

<div class="container">
  <div class="row">
    <div class="col-lg-12">
    <div class="portfolioFilter clearfix">
      <a href="#" data-filter="*" class="current">All Categories</a>
      <a href="#" data-filter=".webTemplates">Web Templates</a>
      <a href="#" data-filter=".logos">Logos</a>
      <a href="#" data-filter=".drawings">Drawings</a>
      <a href="#" data-filter=".ui">UI Elements</a>
    </div>