Procedure to apply Indian Passport Application of new born in London(UK)

Recently I’ve to apply Indian passport for my new born baby from London. Though there are couple of sites, which provide step by step  information, how to do the same. But finding some of the information is either incomplete or little outdated. Still there are very useful blogs/sites. In this post, I’m not going to repeat the information provided. I’d suggest to visit these sites(links given below) and come back in case of doubts. May be I’ve faced same issue(s) and this post could provide pointers for the same:

Birth Registration- Links 1

Birth Registration- Links 2

Passport Application

Few pointers for main passport application :

    1. Link of passport application site is : https://portal3.passportindia.gov.in/Online/index.html
    2. In home page of above site, it is mentioned, to apply passport, you’ve to click on folllowing link, once logged-in
        • “Apply for Ordinary Passport/Emergency Certificate/Police Clearance Certificate/Surrender of Indian Passport/Diplomatic Passport/Official Passport/Identity Certificate”
        • There is no such link you will find, once you’re logged in as shown below:)
    3. You’ve to click ‘Apply for Ordinary Passport’ link
    4. First page while filling application is self explanatory , where it asks ‘applying for’ fresh passport or Re-issue of passport
    5. In applicant details section, for minor : fill following fields like this : 
      • Marital Status : Single
      • Citizenship of India by : Registration/Naturalization
      • PAN : Keep Blank
      • Voter ID : Keep blank
      • Employment type : Not Employed(if new born or could be Student)
      • Educational qualification : 7th pass or less( Most relevant option should be filled)
      • Is either of your parent (in case of minor)/spouse, a government servant?* : Fill accordingly
      • Is applicant eligible for Non-ECR category?*  : Yes 
      • No need to fill fields like ‘visible distinguishing mark or Aadhar
      • No need to take undertaking I agree etc as you’re not providing Aadhar.
    6. Ensure first address in Applicant Address  Details is Indian address You can give 2nd address as your UK address  
    7. Emergency contact could be of your Spouse/Partner/Friend/Relative of UK(preferably) or India.
    8. In All other following pages, Nothing major, you might be clicking ‘No’ on all of questions.

 

 

 

 

 

 

 

 

 

 

Use Design Tokens- Salesforce lightning Framework

We’ve completed few lightning based projects and frequently encountered an issue- How to standardize CSS developed for various components ?

For e.g. how to define a font which should be used across all the components. In other words,  suppose in future, if we need to change it(font), it should be do-able at one place, rather that changing every single component.

Easiest way to do this is via Design Tokens.

But we need to remember few things when using design tokens.

First see, how token are defined:

<aura:tokens extends="force:base">
    <aura:token name="myFontWeight" value="bold"/>
</aura:tokens>
  1. Salesforce provide list of Standard Tokens that can be used directly. They don’t to be defined as shown above. How, those can be used, will provide that information later
    • Another point to note is- it is not recommended to override Stadard Tokens in your code(Lightning Components).
  2. You need to create Token Bundle before using you can use Tokens. Even to use standard tokens, you need to create Token Bundles.For this, you’ve two options:
    • Default Tokens : defaultTokens.tokens. This should always be the name of default tokens as shown below(Image 1).

      Default Tokens

      Image 1

    • Custom Tokens : Any name can be given for e.g. myCustomTokens as show in image 2

      Custom Token

      Image 2

    • To create Token bundles(both default or any custom one), go to Developer Console-> File-> New-> Lightning Tokens
  3. Let us see, how we can use token in lightning components
    • if you see below image, you’ll notice standard tokens(fontFamily, colorBorder) are referred directly, they don’t be defined in our tokens bundles. These are Salesforce defined as per link given above.

Use of Tokens

  1. Now question is -when to use Default token or Custom Tokens ? For this, you’ve to note that-Only those tokens should be defined as Default Tokens, which are common across organisation, while custom tokens can be created for a particular project.
  2. Another point to note : If you see above images properly, Custom Tokens have extended force:base(Standard Tokens), while Standard Tokens have extended ‘Custom Tokens’
  3. This give rise to another point – Suppose you’ve defined a token in both Custom Tokens and Default Tokens bundles, which one is applied, when used in lightning component?
    • Answer is – Value is defined in default tokens bundle. so it makes sense to define only limited number of tokens in ‘default tokens’ bundle. Because if it starts conflicting values in other bundles, then there will be no purpose in defining tokens in custom bundles as default token bundles will always take priority
    • Example for this is token :myDefaultMargin. it is defined in both default and custom token bundle. so value(6 px) defined in default token bundle will take priority.

Steps to work Salesforce Lightning Web components(LWC) with Scratch Org

Though all details to create LWC with scratch Org are mentioned in trailhead(LWC with Scratch Org ), still I faced difficulty in locating those, once I’ve completed above trailhead. Moreever, details are not that much emphasized.

For benefits of everyone- I’m providing  high level steps below. For more details, please visit trailhead links as mentioned in this post.

    1. Ideally start with new project (CTRL+SHIFT +P) in VSCode. Choose Empty new Folder to create it.
      • Once created, Ensure that project has all necessary folders like (.sfdx, force-app, .vscode etc)
    2. Once project got created,  click again CTRL+SHIFT+P and create Lightning web component using command sfdx :create lightning web component.
    3. Give proper name to the component. I’m following this example:(productCardDemo), so, i’ve given the name as productCard. Ensure that productCard.html and productCard.js are properly created.

Create productcard.html with following code.

<template>
    <div>
      Name: {name}
      Description: {description}
      Category: {category}
      Material: {material}
      Price: {price}
   <div>
</template>

Create productcard.js with following code.

import { LightningElement } from ‘lwc’;
export default class App extends LightningElement {
name = ‘Electra X4’;
description = ‘A sweet bike built for comfort.’;
category = ‘Mountain’;
material = ‘Steel’;
price = ‘$2,700’;
pictureUrl = ‘https://s3-us-west-1.amazonaws.com/sfdc-
demo/ebikes/electrax4.jpg’;
}

  1. Next run command- SFDX: Authorize a Dev Hub in VSCode  or
    sfdx force:auth:web:login -d -a myhuborg , in Terminal

    Please note, authorizing DevHub is an essential part, before create new scratch Org.Here we have given alias to DevHub as myhuborg.

  2. Click CTRL+SHIFT+P, run command- SFDX: Create a Default Scratch Org
    • Press Enter to accept the default project-scratch-def.json.
    • Press Enter to accept the default trailhead scratch org alias.
    • Press Enter to accept the default 7 days scratch org duration.
  3. Or you can write following command in terminal to create scratch Org :sfdx force:org:create -s -f config/project-scratch-def.json -a trailhead
  4. Click CTRL+SHIFT+P, type ‘focus terminal’ to open new terminal window.
  5. Type – sfdx force:source:push to push newly created components into your scratch org
  6. Type in the terminal window:sfdx force:org:open, to open your scratch org.
  7. search lightning components in the setup menu to verify, if newly created lightning web component(productCard) is present or not.
  8. To use it. create new lightning app page. for that open lightning app builder from set up menu:
    • Create App page, when prompted
    • Give label as ProductCard.
    • Select ‘One Region’ as standard template
    • Now lightning App Builder, will get opened. Scroll down and add productCard Lightning web component to your app from left menu.
    • Click SAVE on top right and Activate your App.
    • Choose default option in ‘Page Settings’ tab. Ensure you add this new page in one the app for e.g Sales/ Service  in ‘Lightning Experience‘ tab as shown below:
      • Image1
  9. Click Save and visit ‘Sales’ or ‘Service’ app to see the Lightning component created.