@ksh_ingole7 The overlay opacity will be applied to the components which are having placeholder text.Ideal use case is to have the component placeholder text when the component is dragged and dropped for the first time(authoring for the first time) just to recognize. For the components already authored, no need of placeholder text. Refer core components. Remove the placeholder text after authoring the component (like core components).Do not render the component in edit mode (just keep placeholde...

@prasanth96karats If you didn't try AbstractNodePredicate, try it once.

@prasanth96karats Can you try once changing Component annotation to below@Component( service = Predicate.class, property = { "predicate.name=image-video" } )

@prasanth96karats Please share the latest Java class and dialog xml that you used.

@prasanth96karats Copy-paste the entire block of code that I shared and just change Class name and try once.Try both AbstractResourcePredicate and AbstractNodePredicate.I am using granite/ui/components/coral/foundation/form/pathbrowser, not working with granite/ui/components/coral/foundation/form/pathfield as it has no predicate property, has only filter property.

@prasanth96karats Just checked even AbstractResourcePredicate is working.import org.apache.commons.collections.Predicate; import org.apache.sling.api.resource.Resource; import org.osgi.service.component.annotations.Component; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import com.day.cq.commons.predicate.AbstractResourcePredicate; @Component( service = Predicate.class, property = { "predicate.name=image-video" } ) public class DamImageVideoPredicate extends AbstractResourcePredicate...

@prasanth96karats Which version of AEM you are working on? If AEM 6.5 documentation says nothing is Deprecated, more over granite/ui/components/coral/foundation/form/pathbrowser is deprecated.https://www.adobe.io/experience-manager/reference-materials/6-5/javadoc/org/apache/commons/collections/Predicate.html https://www.adobe.io/experience-manager/reference-materials/6-5/javadoc/com/day/cq/commons/predicate/AbstractNodePredicate.html AEM as Cloud documentation, Precicate Interface is deprecated,...

Use below and make necessary changesimport javax.jcr.Node; import javax.jcr.RepositoryException; import org.apache.commons.collections.Predicate; import org.osgi.service.component.annotations.Component; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import com.day.cq.commons.predicate.AbstractNodePredicate; @Component( service = Predicate.class, property = { "predicate.name=image-video" } ) public class DamImageVideoPredicate extends AbstractNodePredicate { private final static Logger ...

@prasanth96karats Use granite/ui/components/coral/foundation/form/pathfield as granite/ui/components/coral/foundation/form/pathbrowser is deprecated.Write a simple front-end validation to check file extension. Write custome clientlib and use below validation function. $(window).adaptTo("foundation-registry").register("foundation.validation.validator", { selector: "[name='./path']", validate: function(el) { var value = $(el).val(); var extension = value.substring(value.lastIndexOf("."), value.len...

@prasanth96karats Use "cq/gui/components/authoring/dialog/fileupload" field (check image v2 for reference /apps/core/wcm/components/image/v2/image/cq:dialog/content/items/tabs/items/asset/items/columns/items/column/items/file).Update mimeTypes property with all required typesIf you want to disable upload from file system, use property allowUpload (Boolean) flase