Zheng Tech Blog

TL:DR In this post, I will walk through the information and steps required to setup Okta custom domain. It also reveals the issues that may get in the way and how to address them. Okta is a leading cloud IAM solution and offers a free developer account. Anyone can register and use its service as long as the active monthly user count doesn't go over 1000 in the developer's account. After registration, Okta will assign an URL domain in a format of "https://dev-xxxxxx.okta.com" (xxxxxx is a random number assigned), where you can login and manage your own Okta services. If you are a paid customer, then you would be able to choose a custom naming in such way as "https://custom.okta.com". It's essential to setup a custom URL domain so that your Okta domain would look like a subdomain of your own such as "https://login.mydomain.com". Setting up a custom domain would provide you: Use custom domain as the issuer for the Okta default or custom a

In short, files that end with "adfc_diagram" file type are metadata files to keep track of element position in an ADF task flow. ADF task flow offers a process-flow like visual panel for developers to re-position the elements (page/fragment, router, Java bean methods, etc). The file ending with "adfc_diagram" is the one tracking the positions of all elements so that next time the task flow is open the saved visual positions are presented. Another blog spot on the same matter: http://javalopez.blogspot.com/2015/03/should-i-commit-adfcdiagram-files.html

Youtube video is ubiquitous. Embedding Youtube videos into a web page is as straightforward as it sounds. What also seems natural is to full-screen the video on touching the play icon of the video on mobile devices. This feature is important for mobile user experience as the full screen control is quite small to "aim". Google results on this topic showed many people had been looking for a solution on this and couldn't get a simple way to work out, as Youtube doesn't provide an API to full screen videos. In this post, I am showing a relatively simply way to achieve this user experience with fairly few lines of code. Code example is shown below. In the example, I use React as there are many nice plugins ready to start. Here is a list of them: screenfull: a simple wrapper of cross browser JavaScript implementation of full screen API.  https://www.npmjs.com/package/screenfull device-detector-js: a way of detecting user device with a wide range of device coverage