On This Page

Lightning Experience এর সাথে Visualforce এর সংযোগ

Lightning Experience-এর সাথে Visualforce-এর সংযোগ

Lightning Experience এবং Visualforce হল Salesforce-এর দুটি গুরুত্বপূর্ণ UI ফ্রেমওয়ার্ক। Lightning Experience হল আধুনিক UI ডিজাইন যা Lightning Components ব্যবহার করে তৈরি করা হয়েছে, যখন Visualforce হল একটি পুরানো প্রযুক্তি যা HTML এবং Salesforce Object Markup ব্যবহার করে তৈরি হয়। Lightning Experience-এর মধ্যে Visualforce পৃষ্ঠাগুলিকে অন্তর্ভুক্ত করা সম্ভব, যা পুরানো অ্যাপ্লিকেশনগুলির জন্য একটি সহায়ক সমাধান।

Visualforce পেজ Lightning Experience-এ সংযোগ করা

ধাপ ১: Visualforce পেজ তৈরি করুন

Salesforce Setup-এ যান:

আপনার Salesforce অ্যাকাউন্টে লগইন করুন এবং Setup-এ যান।

Visualforce Pages নির্বাচন করুন:

Quick Find Box-এ "Visualforce Pages" লিখুন এবং এটি নির্বাচন করুন।

নতুন Visualforce পেজ তৈরি করুন:

New বাটনে ক্লিক করুন এবং পেজের নাম এবং কোড লিখুন। উদাহরণস্বরূপ:

<apex:page>
    <h1>Welcome to Visualforce Page!</h1>
    <p>This is a sample Visualforce page embedded in Lightning Experience.</p>
</apex:page>

পেজ সংরক্ষণ করুন।

ধাপ ২: Lightning App Builder-এ Visualforce পেজ সংযোগ করুন

Lightning App Builder-এ যান:

Setup থেকে Lightning App Builder নির্বাচন করুন।

নতুন Lightning Page তৈরি করুন:

New বাটনে ক্লিক করুন এবং Record Page বা App Page নির্বাচন করুন।

Page Layout নির্বাচন করুন:

পেজ লেআউট নির্বাচন করুন (একক কলাম, দুই কলাম ইত্যাদি)।

Visualforce পেজ যুক্ত করুন:

Component প্যানেল থেকে Visualforce কম্পোনেন্টটি টেনে এনে আপনার লেআউটে যুক্ত করুন।
Visualforce কম্পোনেন্টের প্রপার্টিজ প্যানেলে, আপনার তৈরি করা Visualforce পেজ নির্বাচন করুন।

ডেপ্লয় করুন:

পেজটি সংরক্ষণ করুন এবং তারপর Activate বাটনে ক্লিক করে এটি চালু করুন।

ধাপ ৩: Lightning Experience-এ Visualforce পেজ দেখুন

Lightning Experience-এ যান এবং আপনার তৈরি করা অ্যাপ্লিকেশন বা রেকর্ড পেজ খুলুন। আপনি আপনার Visualforce পেজটি Lightning UI তে দেখতে পাবেন।

Visualforce পেজের Lightning Styling

Visualforce পেজের CSS এবং জাভাস্ক্রিপ্ট ব্যবহার করে Lightning-এর স্টাইলিং এবং UI বৈশিষ্ট্যগুলি অনুকরণ করা সম্ভব।
Lightning Design System (SLDS) ব্যবহার করে Visualforce পেজকে Lightning-এর মতো দেখতে সাজান। SLDS-কে যুক্ত করার জন্য নীচের কোডটি আপনার Visualforce পেজের মধ্যে যুক্ত করুন:

<apex:page>
    <head>
        <link rel="stylesheet" type="text/css" href="{!$Resource.LightningDesignSystem}/styles/salesforce-lightning-design-system.css"/>
    </head>
    <body>
        <h1 class="slds-text-heading_large">Welcome to Visualforce Page!</h1>
        <p>This is a sample Visualforce page embedded in Lightning Experience.</p>
    </body>
</apex:page>

সারসংক্ষেপ

Lightning Experience এবং Visualforce সংযোগ স্থাপন করা একটি কার্যকরী পদ্ধতি, যা ব্যবহারকারীদের পুরানো Visualforce পৃষ্ঠাগুলিকে Lightning UI-তে অন্তর্ভুক্ত করতে দেয়। এটি ব্যবসায়ের কার্যক্রমের জন্য একটি স্বতন্ত্র এবং ব্যবহারকারী বান্ধব অভিজ্ঞতা প্রদান করে। Visualforce পেজকে Lightning Styling সহ সাজিয়ে, আপনি একটি সমন্বিত এবং আধুনিক ইন্টারফেস তৈরি করতে পারেন।

Content added By

Md. Shakil khan

আরও দেখুন...