Skip to main content

Posts

Showing posts with the label #jet layout component

Center Align - Web Component - Oracle JET

How to vertically and horizontally align HTML components within a Oracle JET page? Many a times I face this requirement, mostly when building a Login page for an application, and I always wanted to make something reusable. That's the reason of me building and sharing this with all of you. Since my CSS skills are not that great, I wanted to build something which is easy to understand can easily be used by others. Also, which is highly responsive, works seamlessly with desktops, laptops and mobile browsers as well as hybrid apps. My end-goal was to build something like below: Or in a form-layout with mobile resolution: The web component is free to download from Github : https://github.com/sohamda/JET-Web-Components/tree/master/center-align Steps to use this in your own Oracle JET project: 1. Create and initialize your JET application and then put the downloaded web component inside "src\js\jet-composites" folder. 2. Once copied update your viewModel f...