- Need to Create a design in figma/or any UX tool
- Create a Power pages site.
- Create new Page
- Open page in VS Code
- in every page there are there types of files
- HTML
- CSS
- Java Script
- Convert your design in to Html and Paste in Html file
- add CSS in CSS file
- and if you need any jQuery or java Script add in JS file
- Sync your page
- Your Page is Ready
Thursday, March 28, 2024
How to Build interactive Design in Power Pages
Thursday, August 17, 2023
How to Build a Website Using Power Pages
Introduction to Power Pages and Website Creation:
The realm of website creation has been revolutionized by Microsoft Power Pages. This robust and secure platform offers an enterprise-grade, lowcode solution, functioning as a software as a service (SaaS). Whether you're an adept low-code creator or a skilled developer, Power Pages grants you the ability to swiftly design, set up, and launch contemporary business websites that seamlessly function across various web browsers and devices.
Goals and Audience:
As you've learned from the introduction, creating a website has become easier than ever. Now, I'm excited to share my experience of building a website designed for travellers. The website I created is for an airline company, helping passengers easily book their seats for trips between different countries. Throughout this blog, I'll walk you through the step-bystep process of how I accomplished this, using simple and straightforward language. Whether you're new to website creation or have some experience, you'll find valuable insights to create your own travel-focused website.
Selecting a Template:
If you visit https://make.powerpages.microsoft.com/, you'll see a userfriendly page. On this page, there's a button that lets you start creating your website. When you click the button, a new screen will appear. This screen offers various templates for making your website. If you have a specific purpose in mind, you can pick a template that suits it. But if none of them fit, you can choose a blank template. This lets you begin with a completely empty page and design things just the way you want. I personally didn't find a template that matched my goal, so I decided to go with a blank template.
Customizing Your Template:
I started by modifying the header section, where I replaced the old header and updated the logo to match my website's theme. After that, I worked on aligning the logo properly within the header. Once the logo was in place, I moved on to adjusting the overall layout of the header and refining the colour palette to ensure a cohesive look. During the process, I made sure to use the preview button at the top of the interface. This button allowed me to see how the website was shaping up as I continued working on it. On the left-hand side of the screen, there's a navigation panel that shows the current pages within the website. It's a handy tool for keeping track of your progress and organization. When adding new pages to the website, I noticed an important feature. A pop-up screen appears, giving me the option to decide whether I want the page name to be displayed in the navigation menu or not. This flexibility adds a layer of control over how the website's navigation is structured. For a visual reference, I've included an image of the header section below, so you can get a better idea of the changes I made.
Creating Pages:
• Home Page:
Moving on to the pages of the website, I crafted a total of four pages: Home, Offer, Booking, and About Us. Additionally, within the sub-pages, I incorporated a Contact Us section. Starting with the Home page, which was built from the blank template, I began by adding sections to structure the content. Since the template was devoid of pre-defined layouts, I was able to tailor the layout according to my specific requirements. For the section, I opted for a Single Column layout. This layout enabled me to neatly arrange the components I needed. In this particular section, I integrated an Image component and a Text Box component. To enhance the visual appeal, I adjusted the corner radius of the image, giving it a polished look. There's a noteworthy point to consider here: while arranging components, the flexibility is limited to moving them only up and down within the column. Utilizing this setup, I included a relevant image that resonated with the airline theme. Subsequently, I added descriptive text within the text box to provide context and information. The flexibility of the blank template allowed me to create a customized structure that suits the content and branding of the website. Following that, I proceeded to create a second section right beneath the first one. For this section, I opted for a 3-column layout to provide a visually appealing arrangement. Within each column, I incorporated three distinct components: an Image, a Spacer, and a Text component. The Spacer played a crucial role in maintaining appropriate spacing between the components, ensuring that the design appears neat and organized. To add images, I had the flexibility to either upload them directly from my computer or utilize images from external links. This provided me with the versatility to select images that perfectly align with the content and theme of the website. The 3-column layout allowed me to present information in a concise and visually engaging manner. By thoughtfully combining images and text, I aimed to create an inviting and informative experience for visitors exploring the website.
• Offer Page:
Moving on to the next page, I employed a similar approach to create a dynamic layout. On this page, I incorporated two sections, each utilizing a 3-column layout. Within each column of these sections, I strategically included four components: an Image, a Text, a Button, and a Spacer. This arrangement allowed me to effectively convey information and encourage user interaction. By incorporating Links within the images, I provided users with the ability to access relevant content or navigate to specific areas of the website. Additionally, I adjusted the dimensions of the images to ensure they were visually balanced and aligned with the design aesthetics. Text components played a pivotal role in delivering concise yet impactful messages to visitors. To maintain consistency and brand identity, I carefully selected and configured fonts for the text. To enhance the overall user experience, I thoughtfully integrated Buttons that offered clear calls to action, guiding users toward relevant sections or actions on the website. Maintaining the design's cleanliness and organization, I utilized Spacer components to establish appropriate spacing between the elements. This ensured that the content was visually appealing and easy to navigate. For a visual representation, I've attached a screenshot below. This should give you a better understanding of how the layout comes together and how the components interact with each other to create a cohesive and engaging web page.
• About us Page:
Transitioning to the "About Us" page, I introduced a 2-column layout to offer a balanced and visually pleasing presentation. In the first column, I incorporated an Image component to provide a visual representation that resonates with the content. In the second column, I added a Text component to convey the narrative of our journey and purpose. To ensure the text was positioned optimally within its component, I thoughtfully included a Spacer right before the text. This strategic placement helped maintain alignment and centred the text within the column. Following a similar layout approach in the second section, I maintained a 2-column structure. However, I flipped the content arrangement. This time, the first column featured descriptive text that provided insights into our mission and values. Meanwhile, in the second column, I placed an Video component that visually reinforced our story and identity. This symmetrical design allowed for a well-balanced and harmonious display of content. By thoughtfully arranging images and text in alternating columns, I aimed to capture the attention of visitors while effectively communicating our brand's message and ethos. To give you a better visual understanding of the design, I encourage you to take a look at the screenshot attached below. It showcases the layout and the way images and text work together to create a compelling "About Us" section.
Wednesday, December 7, 2022
Monday, May 31, 2021
Microsoft change Name of Entity Lists, Entity Forms and Web Forms Power Portal
Microsoft change the Name of Entity Lists with Lists, Entity Forms with Basic Forms and Web Forms with Advanced Forms
Thursday, May 28, 2020
What is PowerApps? Basic introduction
Tuesday, April 28, 2020
Requirement for installing a new Agent on Farm DocAve 6
Wednesday, October 17, 2018
Friday, May 12, 2017
Saturday, January 28, 2017
SharePoint 2016
Thursday, August 25, 2016
SharePoint variation problem
DeploymentWrapper::CreateVariantItems() on sourceList = 'XXX', targetWeb = 'XXXX6/sites/t2/ar-ae' catches an unexpected exception: System.InvalidOperationException: There is an error in XML document (2, 248). ---> System.Xml.Schema.XmlSchemaValidationException: The 'AzureContainerSourceUri' attribute is not declared.
at System.Xml.Schema.XmlSchemaValidator.SendValidationEvent(XmlSchemaValidationException e, XmlSeverityType severity) at System.Xml.Schema.XmlSchemaValidator.SendValidationEvent(String code, String arg) at System.Xml.Schema.XmlSchemaValidator.ValidateAttribute(String lName, String ns, XmlValueGetter attributeValueGetter, String attributeStringValue, XmlSchemaInfo schemaInfo) at System.Xml.Schema.XmlSchemaValidator.ValidateAttribute(StringlocalName, String namespaceUri, XmlValueGetter attributeValue, XmlSchemaInfo schemaInfo) at System.Xml.XsdValidatingReader.ValidateAttributes() at System.Xml.XsdValidatingReader.ProcessElementEvent() at System.Xml.XsdValidatingReader.Read() at System.Xml.XmlReader.MoveToContent() at Microsoft.Xml.Serialization.GeneratedAssembly.XmlSerializationReaderSPExportSettings.Read11_ExportSettings() --- End of inner exception stack trace --- at System.Xml.Serialization.XmlSerializer.Deserialize(XmlReader xmlReader, String encodingStyle, XmlDeserializationEvents events) at Microsoft.SharePoint.Deployment.SPImport.DeserializeExportSettings() at Microsoft.SharePoint.Deployment.SPImport.Run() at Microsoft.SharePoint.Publishing.Internal.DeploymentWrapper.CreateVariantItems(PublishingWeb parentArea, PublishingWeb targetAreaArgument, SPList sourceList, SPList targetListArgument, SPListItemCollection sourceItemBatch, Boolean enforceMajorVersion, CachedVariationSettings variationSettings, VariationLabel targetLabel, Hashtable pageLayoutTable, Dictionary`2 availableLayoutDict, IVariationsLog lroLogger, List`1 errors).
Friday, March 25, 2016
learn MVC 5 in 2 days
Monday, January 11, 2016
List of Senators 2012-2015
|
SENATE OF PAKISTAN
|
||
|
2012-2015
|
||
|
Syed Nayyer Hussain Bokhari
|
:
|
Chairman
|
|
Mr. Sabir Ali Baloch
|
:
|
Deputy Chairman
|
|
Mr. Muhammad Jahangir Bader
|
:
|
Leader of the House
|
|
27-04-2012 to 15-04-2013
|
||
|
Mr. Farooq Hamid Naek
|
:
|
Leader of the House (During Caretaker Govt.)
|
|
24-04-2013 to 04-06-2013
|
||
|
Raja Muhammad Zafar-ul-Haq
|
:
|
Leader of the House
|
|
10-06-2013 to 11-03-2015
|
||
|
Mr. Muhammad Ishaq Dar
|
:
|
Leader of the Opposition
|
|
08-04-2008 to 04-06-2013
|
||
|
Mr. Aitzaz Ahsan
|
:
|
Leader of the Opposition
|
|
10-06-2013 to 11-03-2015
|
||
|
Mr. A. Rehman Malik
|
||
|
Mr. Abbas Khan
|
||
|
Molana Abdul Ghafoor Haideri
|
||
|
Mr. Abdul Hafeez Shaikh
|
||
|
Mr. Abdul Haseeb khan
|
||
|
Mr. Abdul Nabi Bangash
|
||
|
Mufti Abdul Sattar
|
||
|
Mr. Adnan Khan
|
||
|
Mr. Afrasiab Khattak
|
||
|
Mr. Ahmed Hassan
|
||
|
Mr. Aitzaz Ahsan
|
||
|
Mrs. Almas Parveen
|
||
|
Mr. Amar Jeet
|
||
|
Dr. Asim Hussain
|
||
|
(Resigned On 22-10-2012)
|
||
|
(Vice Dr. Khatu Mal jeewan)
|
||
|
Mr. Babar Khan Ghauri
|
||
|
Mr. Baz Muhammad Khan
|
||
|
Syed Faisal Raza Abidi
|
||
|
(Resigned On 18-04-2014)
|
||
|
Mrs. Farah Aqil
|
||
|
Mrs. Farhat Abbas
|
||
|
Mr. Farhatullah Babar
|
||
|
Mr. Farooq Hamid Naek
|
||
|
Sardar Fateh Muhammad Muhammad Hassani
|
||
|
Haji Ghulam Ali
|
||
|
Mr. Gul Muhammad Lot
|
||
|
Mr. Gulzar Ahmed Khan
|
||
|
Mr. Haji Khan
|
||
|
Hafiz Hamdullah
|
||
|
Mr. Hamza
|
||
|
Mr. Hari Ram
|
||
|
Mir Hasil Khan Bazinjo
|
||
|
Mr. Heman Dass
|
||
|
Mr. Hila-ur-Rehman
|
||
|
Mr. Ilyas Ahmed Bilour
|
||
|
Mr. Islamuddin Shaikh
|
||
|
Mr. Israrullah Khan Zehri
|
||
|
Mrs. Kalsoom Perveen
|
||
|
(Resigned on 02-03-2015)
|
||
|
Mr. Kamil Ali Agah
|
||
|
Mr. kamran Michael
|
||
|
Mr. karim Ahmed Khawaja
|
||
|
Mrs. Khalida Parveen
|
||
|
Nawabzada Mir Haji Lashkari Raisani
|
||
|
(Resigned on 27-02-2013)
|
||
|
Haji Mohammad Adeel
|
||
|
Mr. Mohammad Ishaq Dar
|
||
|
(Leader Of The Opposition)
|
||
|
Mr. Moula Bakhsh Chandio
|
||
|
Mr. Mukhtair Ahmed Dhamrah @ Aajiz
|
||
|
Nawabzada Muhammad Akbar Magsi
|
||
|
Mir Muhammad Ali Rind
|
||
|
Mr. Muhammad Azam Khan Hoti
|
||
|
Mr. Muhammad Daud Khan Achakzai, Advocate
|
||
|
Dr. Muhammad Farogh Naseem
|
||
|
Mr. Muhammad Hamayun khan
|
||
|
Mr. Muhammad Idrees Khan Safi
|
||
|
Mr. Muhammad Jahangir Bader
|
||
|
(Leader Of The House)
|
||
|
Mr. Muhammad Kazim Khan
|
||
|
Molana Muhammad Khan Sherani
|
||
|
(elected in general election may 2013 took oath on 01-06-2013)
|
||
|
Mr. Muhammad Mohsin Khan Leghari
|
||
|
Malik Muhammad Rafique Rajwana
|
||
|
Mr. Muhammad Saleh Shah
|
||
|
Mr. Muhammad Talha Mahmood
|
||
|
Mr. Muhammad Yousaf
|
||
|
Raja Muhammad Zafar-ul-Haq
|
||
|
Mr. Muhammad Zafarullah Khan Dhandle
|
||
|
Mr. Muhammad Zhaid Khan
|
||
|
Mr. Mushahid Husian Syed
|
||
|
Mr. Mushahid Ullah Khan
|
||
|
Syed Mustafa Kamal
|
||
|
Resigned on 21-04-2013)
|
||
|
Syed Muzafar Hussain Shah
|
||
|
Beghum Najma Hameed
|
||
|
Malik Najmul Hassa n
|
||
|
Mrs. Naseema Ehsan
|
||
|
Mrs. Naseema Ehsan
|
||
|
Mrs. Nasreen jalil
|
||
|
Syed Nayyer Hussain Bokhari(Chairman)
|
||
|
Mr. Nisar Muhammad
|
||
|
Mrs. Nuzhat Sadiq
|
||
|
Mr. Osman Saifullah Khan
|
||
|
Mr. Pervaiz Rashid
|
||
|
Eng. Malik Rashid Ahmed Khan
|
||
|
Mian Raza Rabbani
|
||
|
Mr. Rozi Khan Kakar
|
||
|
Mrs. Rubina Irfan
|
||
|
Mrs. Rubina Khalid
|
||
|
Mr. Sabir Ali Baloch (Depty Chairman)
|
||
|
Mr. Saeed Ghani
|
||
|
Mrs. Saeeda Iqbal
|
||
|
Mr. Saeedul Hassan Mandokhail
|
||
|
Haji Saif-ullah Khan Bangash
|
||
|
(Died on 08-12-2012)
|
||
|
Nawabzada Saifullah Magsi
|
||
|
Prof. Sajid Mir
|
||
|
Malik Sallah-ud-Din
|
||
|
Mr. Sardar Ali Khan
|
||
|
Mrs. Sehar Kamran
|
||
|
Mr. Shahi Syed
|
||
|
Mrs. Shirala Malik
|
||
|
Chaudhry Shujaat Hussain
|
||
|
Syeda Sughra Imam
|
||
|
Mrs. Suriya Amiruddin
|
||
|
Col. ( R) Syed Tahir Hussain Mashhadi
|
||
|
Mir Wali Muhammad Badini
|
||
|
(Died on 09-12-2012)
|
||
|
Mr. Waqar Ahmed Khan
|
||
|
Syed Zafar Ali Shah
|
||
|
Mr. Zaheer-ud-Din Babar Awan
|
||
|
Mrs. Zahida Khan
|
||
|
Sirdar Zulfiqar Ali Khan Khosa
|
||
|
Mr.Saleem Mandviwalla
|
||
|
Vice Dr.Asim Hussain
|
||
|
Ch.Mohammad Jaffar Iqbal
|
||
|
Vice malik wali Muhammad Badini
|
||
|
Sardar Muhammad Yaqoob Khan Nasir
|
||
|
Vice Nawabzada Mir Haji Lashkari Raisani
|
||
|
Mr. Abdul Rauf
|
||
|
(Vice Molana Muhammad Khan Sherani)
|
||
|
Dr.Abdul Qayoom Soomro
|
||
|
(Vice Faisal Raza Abidi)
|
||
|
Mr Tanveer-ul-Haq tanvi
|
||
|
(Vice Syed Mustafa Kamal)
|
||
|
Mr. Taj Haider
|
||
|
(Vice Mr. Abdul Hafeez Shaikh)
|
||
How to Build interactive Design in Power Pages
Need to Create a design in figma/or any UX tool Create a Power pages site. Create new Page Open page in VS Code in every page there are the...
-
SQL Server Reporting Services 2012 anonymous access Posted on March 28, 2012 by Constantin Rotariu Disclaimer: ANONYMO...
-
PowerApps is a Platform as a Service. It alwo you to create mobile and tablet type application also you can open them on browsers. Ther...
