is it possible to change the close icon of ngx-toastr using css in angular? - angular8

this is how it should look like
this is how it's looking right now
I want to add this close button or icon (referred in the first image link) in my toastr.
I have tried to override it by using image and icon but nothing works because it's harcoded 'x' in ngx-toastr.
I don't want to make a custom toast because I don't have enough time for that so please don't suggest me to make a custom toast.
I want to make the close button in my toastr as specified in the first figma image

Related

Share sheet icon on React-Native

I've looked around everywhere I can think of and cannot for the life of me find out how to change the icon that appears in the Share sheet inside of react-native.
Is this even possible to customize? I would love to put the app's icon in there.
When using a url only, it will automatically populate this icon with your link's favicon/web icon.
For a share sheet with a custom message it doesn't seem to be supported right now but, I would love to see this in the future.

Move filepond input to a different location in the DOM

I'm in the middle of building the file uploading part of our system, and our design has two flows in which you can upload a file:
Drag 'n drop onto the page
Click the "Upload file" button which presents a modal.
If I drag 'n drop a file onto the page, I want to show a small popup in the bottom corner showing the upload progress of each file.
If I go through the modal, I get the option to drag 'n drop or browse files. It then shows me the same progress in the modal, however I have the option of closing the modal which should then show me that same small box in the corner with the upload progress.
From what I've been able to determine from the docs of FilePond, this doesn't sound like it would be possible. Every demo I've found links the FilePond instance to a single input and since it builds its own UI, the drop zone would also be built. Fine for the modal window but not for the full page drag 'n drop. So I have a couple of questions:
Can I make anything a dropzone without it building the UI?
If so, when I drop files can I specify where to display the uploading progress?
Is it possible to move the progress from one area of the DOM to another (going from modal to the corner)?
I'm building this in Vue.j, so the plan was to use Vuex to manage the uploads and their progress which would make it easy to render the progress in different parts of the DOM. I love the look of FilePond for what it offers visually but if I can't get it to work with our designs then we may need to look at something else.

Prevent image swap from Google Share?

So, in the Google Share API, when I click inthe button, the popup appears. The texto, title and image appear as it should be but I noticed there was a button that allowed me to change the image. How do I remove it? Here's the image
You can't remove it. You're options are to ignore it. Or only have a single image on the page so the user can't choose anything else. Note that they can still choose to have not photo at all.

Show Captions Settings via Javascript for Video.js

I want to make a button that will call a function, and in said function, it will execute the JS code to display the Captions Settings box. The settings box i am referring to is if you have tracks set up, the CC button shows, when you click that, you can then select the button "Captions Settings" and it shows the cc settings.
So what would the JS code be to show the settings box?
I found the answer. I looked at video.js and found how they were handling the click of the 'CaptionSettingsMenuItem'.
function ShowTheCaptionsSettingsWindow(){
ReplaceWithYourPlayerObjectName.getChild('textTrackSettings').show();
ReplaceWithYourPlayerObjectName.getChild('textTrackSettings').el_.focus();
}

flex 3 screenshot of the scene

i want to snapshot of the flex scene and save it as a image. It likes printscreen button and paste it to paint and save
there will a button save it to desktop and when pressed it, flex will save the screenshot of scene to the desktop, i searched on the net but couldn't find a working code
It looks like there is a way to do it, but it requires some serverside work. Basically the data is sent to the server and the server saves it.
What you would probably want to do since you want the user to have the screenshot is create the files on the server then have it open a web page where they can download and save it.
more information is here http://www.boyzoid.com/blog/index.cfm/2007/9/17/Doing-screenshots-in-Flex-and-sending-them-to-ColdFusion