- 40
- 178 022
TheWebPleb
United States
Приєднався 30 лис 2020
Welcome to this channel! We will cover various tech topics, such as web development, server administration, Inductive Automation Ignition development, and more...
How to present a technical demo as an introvert | TheWebPleb
Discord: discord.gg/Q4vYP5zETx
BuyMeACoffee: buymeacoffee.com/thewebpleb
Hi guys, in this video, I want to quickly cover some tips on how to present technical demos as an introvert. These are things that help me and hopefully you will find them useful!
If you have questions, please don't hesitate to leave a comment or reach out through Discord!
Thanks for watching!!!
Tags: Ignition Perspective web design webdev Ignition8 Ignition8.1 Inductive Automation #thewebpleb message handler introverts
BuyMeACoffee: buymeacoffee.com/thewebpleb
Hi guys, in this video, I want to quickly cover some tips on how to present technical demos as an introvert. These are things that help me and hopefully you will find them useful!
If you have questions, please don't hesitate to leave a comment or reach out through Discord!
Thanks for watching!!!
Tags: Ignition Perspective web design webdev Ignition8 Ignition8.1 Inductive Automation #thewebpleb message handler introverts
Переглядів: 235
Відео
A Warning about Perspective Message Handlers | Ignition 8.1
Переглядів 8437 місяців тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb Hi guys, in this video, I would like to go over what I consider a warning or precaution when using Perspective message handlers. This stems from the fact that they're asynchronous, so they should be treated as such - this is more of a thing to keep in mind when you use them in your projects. You won't have issues most of t...
KVM | A cool tool for remote developers
Переглядів 5608 місяців тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb Hi guys! In this video, I do something a little different - I'll talk a little about a tool called a KVM (keyboard / video / mouse) switch that allows you to use one set of monitors (video), one keyboard, and one mouse for two devices (I have a laptop w/ dock and a desktop tower) with the click of a button! This tool saves...
Building a dynamic Equipment Schedule | Part 2 | Ignition 8.1
Переглядів 1 тис.9 місяців тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb Hi guys! In this video, I'm going to continue our simple example of a dynamic Equipment Schedule component using a MS SQL Server database and two tables, Asset and AssetEvent. We will build out a simple form that will upload data to the database and query those events to display them in our view. If you have questions, ple...
Building a dynamic Equipment Schedule | Part 1 | Ignition 8.1
Переглядів 2 тис.9 місяців тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb Hi guys, I'm back! In this video, I'm going to create a simple example of a dynamic Equipment Schedule component using a MS SQL Server database and two tables, Asset and AssetEvent. This is to demonstrate how to retrieve items and scheduleEvents, and how to bind them to the appropriate component properties. If you have que...
Passing Data to and from a Popup Window | Ignition 8.1
Переглядів 4,8 тис.Рік тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb Hi guys! In this video, we'll cover how to pass data to and from popup windows. If you have any questions about anything I talked about in the video, please let me know in the comments below! Thank you for watching! Tags: Ignition Perspective web design webdev Ignition8 Ignition8.1 Inductive Automation #thewebpleb
Creating a Dynamic Flex Repeater | Ignition 8.1
Переглядів 6 тис.2 роки тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb Hi guys! In this video, we're going to go over how to quickly create a dynamic Flex Repeater, one which instances can be added to and deleted from in the runtime. If you have any questions about anything I talked about in the video, please let me know in the comments below! Flex Repeater index documentation: docs.inductive...
3 Ways to Duplicate Perspective Views
Переглядів 1,3 тис.2 роки тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb In this video, we're going to look at 3 different ways to reuse Perspective views within our projects. The methods mentioned in this video are copy/paste, using the Perspective Flex Repeater and, lastly, using the Perspective Table. If you have questions about anything in this video, please reach out to me through email, D...
Let's Build a Postman Clone | Part 4 | Styling and Scripting
Переглядів 8192 роки тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb Hi guys and gals! In this video, we're going to finish the rest of the component styling. This includes the Header and Body tables and other odds and ends. We also fix the message handlers to modify the correct tables and cells. I apologize that my face camera filled up its memory card, this may or may not have been a good...
Creating Toast Notifications with Perspective Components
Переглядів 2,1 тис.2 роки тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb In this video, we're going to build a toast notification system using only Perspective components and CSS. In other words, we don't need to use a custom module or even external CSS files to accomplish this. Thank you for watching! Tags: #Ignition #Perspective #web #toast #notifications #modern #Ignition8.1
Let's Build a Postman Clone | Part 3 | Table Styling
Переглядів 6393 роки тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb In this video, we're going to continue working on the Postman clone. We will style the Params table to look like the Postman table. We will also add custom CSS and add custom views into our table. We will learn how to access properties from the table in the views that are embedded within cells. Here is the gist I talk abou...
Let's Build a Postman Clone | Part 2 | Initial Style
Переглядів 5643 роки тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb Hi guys! In this video, we'll continue working on our Postman clone. Specifically, we'll style the components in the top flex container and implement a bare-bones GET request. I hope this video was informative! I'm excited to see what this project will turn into. Thank you all once again for continuing to support this comm...
Let's Build a Postman Clone | Part 1 | UI Overview and Layout
Переглядів 1,8 тис.3 роки тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb Hi guys! In this video, I'm going to introduce you to a project or series I want to work on, which is to create an API testing tool like Postman, but in Perspective. We also look at the first iteration of the design (in Adobe XD) and create the initial layout of the Request page. I hope this video was informative! I'm exci...
Ignition Perspective - Modern Table responsive CSS
Переглядів 4,1 тис.3 роки тому
Discord: discord.gg/Q4vYP5zETx BuyMeACoffee: buymeacoffee.com/thewebpleb In this video, we'll take a look at how to use the Modern Table Ignition Exchange resource in your project. We will cover how to add it to your gateway, how to make simple changes, and how the project is set up. I hope you find this resource useful! Expect more to come... Link to Modern Table: inductiveautomation.com/excha...
Understanding CSS, Selectors, and Specificity in Ignition Perspective
Переглядів 3,6 тис.3 роки тому
Discord: discord.gg/3QvdPgHCDB BuyMeACoffee: buymeacoffee.com/thewebpleb In this video, we take a look at element, class, and ID selectors. We take a look at how to use combinators to make selectors more specific and we learned what specificity is (and how it is calculated). We added several buttons into a view and experimented with the selectors we learned about in the first part of the video ...
Using Animate.css and custom CSS in Perspective
Переглядів 3,4 тис.3 роки тому
Using Animate.css and custom CSS in Perspective
Implementing YouTube APIs using Ignition Perspective
Переглядів 3,8 тис.3 роки тому
Implementing UA-cam APIs using Ignition Perspective
Implement Search for Perspective Map using the Nominatim API
Переглядів 4,1 тис.3 роки тому
Implement Search for Perspective Map using the Nominatim API
Ignition on a Docker Container | Part 2
Переглядів 1,6 тис.3 роки тому
Ignition on a Docker Container | Part 2
Installing Docker to use with Ignition | Part 1
Переглядів 2,4 тис.3 роки тому
Installing Docker to use with Ignition | Part 1
Improving User Experience with Anchors | Ignition 8.1 Perspective
Переглядів 1,8 тис.3 роки тому
Improving User Experience with Anchors | Ignition 8.1 Perspective
GeoGuessr Take 2 | DO NOT WATCH, FORBIDDEN 404
Переглядів 933 роки тому
GeoGuessr Take 2 | DO NOT WATCH, FORBIDDEN 404
Using Git for Ignition Projects | Beginner Tutorial
Переглядів 3,4 тис.3 роки тому
Using Git for Ignition Projects | Beginner Tutorial
Sending data from iframe to Perspective view | Ignition Perspective 8.1
Переглядів 2,9 тис.3 роки тому
Sending data from iframe to Perspective view | Ignition Perspective 8.1
My favorite game!!! | GeoGuessr first try
Переглядів 1593 роки тому
My favorite game!!! | GeoGuessr first try
Using Auth0 as an IdP | Ignition 8.1
Переглядів 3,2 тис.3 роки тому
Using Auth0 as an IdP | Ignition 8.1
Creating a Dynamic Ignition Perspective Navigation Menu | system.perspective.getProjectInfo()
Переглядів 10 тис.3 роки тому
Creating a Dynamic Ignition Perspective Navigation Menu | system.perspective.getProjectInfo()
Building and Using Custom Modules | Ignition 8.1 Perspective
Переглядів 6 тис.3 роки тому
Building and Using Custom Modules | Ignition 8.1 Perspective
Fixing Chart.js chart to Fill Ignition Perspective Inline Frame
Переглядів 9583 роки тому
Fixing Chart.js chart to Fill Ignition Perspective Inline Frame
Using a Chart.js Bar graph in Ignition Perspective view
Переглядів 6 тис.3 роки тому
Using a Chart.js Bar graph in Ignition Perspective view
Can you make video for Transcation group in ignition but ene user can logg dataignition perspective view and log that data to & from the data base.inshort create a view for transaction group how can we create it .
Would you be able to make a video on how to pull live video from like a cctv onto ignition perspective?
Thanks, as always!
did you created a video making the dashboard? Really good content man!
Great video as always. My solution for this has a couple of benefits, hopefully it can help you or someone out there in UA-camland. Any time that I have a "reusable" popup such as an "Are You Sure?" popup, I create one "generic" popup view somewhere. I pass in the content displayed on the popup as a view parameter (i.e. "Clicking yes will do something. Are You Sure?"), as well as a parameter I call invokedBy. The invokedBy parameter should contain the name of the component that called the popup. On the "yes" or affirmative button in the popup, I put an event script that simply sends a message named "confirmResponse" with a payload containing the response (true or false) and return the value of invokedBy. I then put a boolean custom property on the component that called the popup named confirmReponse, set to false by default. I put the code that does all the work on a change script attached to this property. In the script, I first check to see if the value of the custom property is true (currentValue.value == True). If so, I do whatever work is needed (db call or whatever) there. At the end of the script, I always set the value of the confirmResponse property back to false, thus arming it for the next time. Next, I put a messageHandler on the component that called the popup, that listens for the message. In the msg handler, I check the payload to see if invokedBy is me (me being the name of the calling component where this message is being added) and the value of confirmResponse. If the names match, then this message is meant for me and I set the custom property (confirmResponse) to true. This fires the change event script, does the work and re-arms itself. If the names do not match, this message was meant for some other component, and it's ignored. The two benefits are: It allows me to put all of the code in one place, on the same view/component (not the popup), and that code can be synchronous. Additionally, the popup can be used for many other things related to confirming an action. Hope this helps someone! Keep putting out those videos, I've learned many things from you. I'm looking forward to more.
You asked what I want to see. I'd like to see historian used to log analog and binary inputs into excel using Ignition, thanks
Thanks
Do you put any of these on the Ignition Exchange?
SOLID video dude, starting off on some Docker and Ignition for work and this has helped get me started with Docker for sure. Thanks a lot dude keep it up please!!
ur the GOAT
I followed the steps you mentioned, but in the Ignition Gateway page, the module state is still showing as 'New.' How can I solve this problem?
How did you create a shared tag ? (The one you used for api key)
Super helpful video! Is there anyway to resize the width of the row headers? I'm trying to view the scheduler from a mobile device, but the default row header width takes up about half of the screen.
Steel toe?
Any way to get which button was clicked on the popUp
I find it ridiculous how difficult it is to add custom components to this java monstrosity.
I get this error when I am trying to debug print. AttributeError: 'com.inductiveautomation.ignition.designer.gui.tool' object has no attribute 'perspective'
the script doesnt properly show html navigation page
Do I need a license for each gateway, or just for the main one?
If you are going to make a tutorial, Know what you are doing.😡🤬
you have to take care of leather to make it last .... 215 for made in canada leather with vibrams is dirt cheap you moron, also are your really comparing made in china crap shoes that cost 5 bucks in costco to make vs a small leather boot company. learn something about the industry you idiot.
Hai ,can you help me to add web browser component in perspective view
Ok.This is one of your most useful videos ever! is like one IT guys uploaded a video in how to deal "loneliness and jealously" in a work environment. Non technical videos are the best! thanks for this, this really help me out, keep them out!
Golden video! and many thanks for not editing it, someone who just started in Perspective this is very useful, every "small mistake" makes you learn more, and you explains even the basic details!
Great tips!
Thank you for the video
Could you have the listening component send a 'completed' message back so there's feedback that the message was processed?
Some new monitors can act as a kvm as well. I just got a new Dell monitor that has this available.
Great video and keep it up all good suggestions. How did you change your approach to correct the bug that was caused by asynchronous behavior?
This was a big help, thank you!
Gracias compa, hey habias de hacer un curso de ignition como el aleman que hizo el de beckhoff, yo creo que la pegarias y si aparte lo haces en espanol mejor compa. saludos desde arizona mexico.
That project development from scratch series is a great idea. I appreciate the time you put into these videos.
It would be great an update with the new stylesheet.css
You can put rest of your code inside the message listener or define custom property on the button as flag and set it inside message listener and then call system.util.invokeAsynchronous() base on that flag for the rest of your code. By the way this problem is even true for having having multiple binding that link together.
This message handling information is very useful! I'm working on a natural gas monitoring project using the gas and oil app from the Ignition demo. Messages are used for the pop-ups. Looking forward to your complete beginner project! I recommend the water treatment demo project from the Ignition demo for ideas on your project.
Thank you for sharing! It will be nice to see the ignition pet project, especially for beginners.👍
❤
Hi, very nice video, its really helpful, could i still join the Discord channel ?
Hi. I created flex repetar. And i want to pass entred kepyad value through massage handeler.but now i entered value for one instance this value pass for all intance. What can i do
thanks so much ily x
ur so cool
Cleared a lot of queries. Thanks
Hey, What css class do you use so you dont have to make multiple views?
KVM switches were popular a long time ago but I haven’t seen them in recent years. Modern USB-C on laptops can run everything from one cable so it’s not cumbersome to switch over. And for on-the-fly changeovers to alternate PC’s it’s cheaper to just use Remote Desktop instead of buying a KVM switch.
Thank you for sharing❤
Excllent vid! Thanks and good to see you back....
Great video good to see you back! I got an idea to go forward with this topic to create a full project of work orders + downtime tracking or expand on those latest 2 videos
what about the other way around? sending from perspective to the ? Like a Web Gl? if you have an animation for instance
Exccellent it works fine ....Thanks...
Welcome Back