Chúng tôi có thể sử dụng bootstrap trong Power Apps không?

Bài đăng trên blog này sẽ chỉ cho bạn cách tôi tạo thương hiệu trang web Power Pages hiện đại bằng Visual Studio Code, Power Platform CLI, CSS và SCSS. Bằng cách này, mã SCSS của tôi sẽ tự động được biên dịch thành tệp CSS, thêm nó vào thư mục Tệp Web của Cổng thông tin và tải nó lên cùng với phần còn lại của mã cổng thông tin bằng CLI của Cổng thông tin

CÓ – điều này cũng hiệu quả với Power Pages.

Power Pages và Power Apps Portals là cùng một sản phẩm từ góc độ kỹ thuật.
Đọc tất cả về bài đăng blog này của Nick Doelman tại đây.
https. //readyxrm. blog/2022/10/12/power-apps-portals-is-now-power-pages/

1. Sử dụng Portals Design Studio để tải lên tệp css tùy chỉnh có tên là “main. css” với kiểu dáng đơn giản
2. Cài đặt mã phòng thu trực quan
3. Cài đặt phần mở rộng mã Power Platform VS Code
4. Git sao chép kho lưu trữ của bạn và mở nó bằng mã studio trực quan
5. Kết nối với môi trường cổng thông tin của bạn bằng Portals CLI và tải xuống nội dung cổng thông tin
6. Tạo thư mục “SCSS” trong project. Tạo tệp SCSS “chính. scss” và thêm kiểu dáng đơn giản
7. Cài đặt tiện ích mở rộng trình biên dịch Live SASS trong vscode
8. Tạo một thư mục trong dự án có tên “. vscode” và bên trong tạo một tập tin “settings. json”
9. Chèn đoạn mã sau vào tệp
   //github.com/KittyGiraudel/sass-boilerplate Learn more about SCSS architecture here: //sass-guidelin.es/#architecture

   Để bắt đầu đơn giản, bạn có thể tạo một vài tệp cần thiết để bắt đầu

   • _biến. scss. Đặt tất cả các biến của bạn vào đây;
   • _mixins. scss. Web có đầy đủ các mixin thông minh mà bạn có thể sử dụng để làm việc thông minh với kiểu dáng. Tập hợp tất cả chúng trong một tệp
   • _bootstrap-sửa. scss. Bootstrap có một số kiểu dáng mặc định mà bạn sẽ cần phải giải quyết. Để chúng trong một tệp riêng biệt sẽ giúp cập nhật chúng dễ dàng hơn khi [nếu?] phiên bản bootstrap của cổng thông tin được cập nhật
   • _những yếu tố chính. scss. Giữ kiểu dáng cho đầu trang, chân trang, bố cục và mẫu riêng biệt
   • _basestyles. scss. Đặt kiểu cho danh sách, biểu mẫu, bảng, thành phần điều hướng, v.v. Đây là những phần tử có thể tái sử dụng mà bạn tạo kiểu một lần và sử dụng ở mọi nơi
   • _nút. scss. Khi một phần trong “basestyles” trở nên quá lớn, tôi chia nó thành một tệp riêng, chẳng hạn như các nút
   //sass-lang.com/documentation/syntax

   Tùy chỉnh trang đăng nhập và đăng ký trong Cổng thông tin Power App

   Biên dịch SCSS

   Cài đặt trình biên dịch Live SASS

   Khi bạn có các tệp SCSS đầy phong cách tuyệt vời, bạn cần biên dịch chúng thành một tệp CSS mà cổng thông tin có thể hiểu được. Tôi sử dụng tiện ích mở rộng “Live Sass Compile” cho Mã VS cho công việc này. Đọc thêm về tiện ích mở rộng tại đây

   https. //thương trường. Visual Studio. com/items?itemName=glenn2223. sống-sass

   //docs.microsoft.com/en-us/powerapps/maker/portals/power-apps-cli#microsoft-power-platform-cli-commands-for-portals

   Sử dụng CLI của Cổng thông tin để tải xuống lại nội dung cổng thông tin của bạn và tất cả các kết nối sẽ tuân theo. Bây giờ, khi bạn thay đổi các tệp SCSS và biên dịch chúng thành “chính. css”, sau đó tải nó lên cổng thông tin, kiểu dáng mới sẽ được áp dụng

   Kiểm soát nguồn

   Khi bạn thực hiện các thay đổi đối với mã cổng trong Mã VS, bạn có thể chuyển giao các thay đổi cho git và có toàn quyền kiểm soát nguồn

   Warning! When you are multiple people working on the same portal project make sure that you communicate well on what areas of the portal you are working on - and let each other know whenever you need to upload code to the portal. I have overwritten my own and other developers' portal config when uploading code to the portal. 

   Tôi muốn biết thêm về cách bạn làm việc với xây dựng thương hiệu cổng thông tin. Vui lòng để lại nhận xét về bài viết trên blog này và cho tôi biết

   Bootstrap được sử dụng như thế nào trong cổng thông tin Power Apps?

   Bằng cách sử dụng hệ thống bố cục Bootstrap, bạn có thể phát triển một trang web duy nhất có giao diện phù hợp với tất cả các thiết bị mà khách hàng của bạn có thể sử dụng . Các mẫu đi kèm với cổng được triển khai bằng cách sử dụng các thành phần Bootstrap tiêu chuẩn với các kiểu tùy chỉnh bổ sung tối thiểu.

   Power Apps có hỗ trợ CSS không?

   PowerApps là một ứng dụng mã thấp được xây dựng cho một hệ thống đơn giản và triển khai nhanh chóng. Vì vậy, nó sẽ không chứa đầy đủ các tính năng để thay thế một ứng dụng web và CSS hiện đang bị thiếu .

   Power Apps không tốt cho điều gì?

   Hỗ trợ hạn chế cho nhiều kích thước thiết bị và hướng màn hình . Power Apps yêu cầu người dùng phát triển nhiều phiên bản ứng dụng. Các hình thức đáp ứng có thể mở rộng ở một mức độ nào đó, nhưng chúng yêu cầu một sự thỏa hiệp.

   Ngôn ngữ nào được sử dụng trong Power Apps?

   Power Apps sử dụng định dạng thẻ ngôn ngữ IETF BCP-47 .