Thursday, 22 November 2018

How to assign a javascript variable to ASP.NET Control in javascript?


Hi Coders,

This post will give you an idea on how to assign a JavaScript variable to Asp.net control at Client Side (i.e., JavaScript).

Here, Controls I used to show a sample code:

1. Hidden Field - Asp.Net Control
2. JavaScript snippet

Steps : 

First create a new web project and then add a new file.
Further, Follow the below steps ,

Step 1:  Create a new Hidden Field in our page 
Example: <asp:HiddenField ID="HiddenFieldGetValueFromJS" runat="server" />

Step 2: Access this hidden filed in javascript
Example: document.getElementById('<%= HiddenFieldGetValueFromJS.ClientID %>').value;

Step 3: Create a new variable in javascript and assign it to the above created hidden field
Example:   
   var valueForHidden=10;
   //Its time to assign this variable : valueForHidden to HiddenField : HiddenFieldGetValueFromJS
   document.getElementById('<%= HiddenFieldGetValueFromJS.ClientID %>').value=valueForHidden;
   
Step 4: To Test it put this hidden field in alert and see the output.
 alert("Value of this Hidden Field is assigned from JS to ASPX Control : " + document.getElementById('<%= HiddenFieldGetValueFromJS.ClientID %>').value);
And here the sample output for the above code




Happy Coding :)

Yours, 
Nuthan Murarysetty.  





















Thursday, 4 January 2018

How to add watermark on image without using any software?



Hi Readers,

     In this article, we will show you how to add a text as a watermark on your uploaded image in just 2 clicks without using any software.

First, click on this link umark online Watermark Website and then follow the below steps,

Click 1: Browse/Choose a photo for adding watermark
Click 2: Once you select a photo and next click on Upload button.

umarkonline.com - Add Watermark to photos


Once we click on Upload button and it navigates to watermark settings page and here we will see two sections(right and left).

We see a preview of the uploaded image with default watermark on the right side and in the left side to customize the watermark settings.

Watermark Options are,

  1. Watermark Text
  2. Font Name
  3. Font Size
  4. Font Style - Bold and Italic
  5. Transparency
  6. Color
  7. Position
Once you applied all your settings, Just right click on your image and choose Save Image As from context menu and give a name for it and click on SAVE button. 

Note: If you opened this website on your mobile then you have to hold it for few seconds and after it, popups a model and choose SAVE and click on it.


Thanks,
Happy Coding :)




Friday, 9 June 2017

How to use Font Awesome icons in Photoshop?

Font Awesome icons in Photoshop

Hi All,



      I came up with a new article: How to use Font Awesome icons in Photoshop which is really helps a lot while designing.



In General, whenever we required any icon, We usually download it from any site and use it in our Photoshop or else we create it our self. This approach is in general but through this article, We are showing in another approach.


This article gives you in a step by step approach,  which easily able to add any icon from font awesome website site into your Photoshop.

Step 1: First go to font-awesome web site: http://fontawesome.io/
Step 2: Download & Extract the zip file
Step 3: Put the font either in .otf or .tif into your font location or else open it and install the font.
Step 4: Open the Photoshop and create a new file
            4.1: Choose Text(T) from toolbox
            4.2: Go to font awesome cheat sheet: http://fontawesome.io/cheatsheet/
            4.3: Drag and Copy the icon which you want.
            4.4: Make sure you are in Text(T) selection and then paste it.
            4.5: Font changes automatically to font awesome type and increase or decrease the shape.

Steps to use Font Awesome Icons in Photoshop


Please put your valuable comments in a comment section and share it with others.

Thanks,
Nuthan M.

Saturday, 13 May 2017

How to convert XML Data to Class using Visual Studio?

Hi All,

In this short article which saves you a lot of time in our day to day work. In visual studio IDE there is a feature called "Paste XML as Class" which is comes under Edit Menu and inside of Paste Special  sub menu.

In general, Once we have any data in any format we use to create a class with properties and variables manually.

With "Paste XML as Class" feature in visual studio saves you a time for XML data.

In order to achieve that we need a XML data.

In the below snapshot, It shows you how we can convert XML data to Class using Visual Studio IDE.
Fig: Steps to create convert XML to Class
I am hoping that through this article the reader learnt something new and saves your time and work.. If you really accept this please share it to your beloved people and provide your valuable comments in below.

Happy Coding :)

How to convert JSON Data to Class using Visual Studio?

Hi All,

In this short article which saves you a lot of time in our day to day work. In visual studio IDE there is a feature called "Paste JSON as Class" which is comes under Edit Menu and inside of Paste Special  sub menu.

In general, Once we have any data in any format we use to create a class with properties and variables manually.

With "Paste JSON as Class" feature in visual studio saves you a time for JSON data.

In order to achieve that we need a JSON data.

In the below snapshot, It shows you how we can convert JSON data to Class using Visual Studio IDE.

Fig: Steps to create class from JSON data

I am hoping that through this article the reader learnt something new and saves your time and work.. If you really accept this please share it to your beloved people and provide your valuable comments in below.

Happy Coding :)

Friday, 3 February 2017

How to undo send your email using GMAIL?



Hi Readers,

If you mistakenly/unfortunately send emails to the persons either anyone of the following scenarios. The following scenarios are taken, for an example even there are many situations we may face it. Just for understanding we used these scenarios,

Did you send an email without completion?
Did you send an email with wrong/abuse words?
Did you send an email to the wrong person?
Don't worry, Gmail has a feature to recall/undo our sent email
.
Through this short article, Will show you how to enable Undo/Recall feature in GMAIL in a step by step manner.

Steps:
1. Login to GMAIL Account.
2. Click on Gear/Settings icon which I highlighted in below image,
Pic: For Undo/Recall email using GMAIL

3. Choose Settings option

4. Navigate to General Tab

5. Find Undo Send option under General Tab,

6. If "Enable Undo Send" checkbox value is not checked then check the option and set the duration for cancellation period in seconds. 
Minimum is 5 seconds and Maximum is 30 seconds.



Pic for 4,5,6 points - Undo/Recall sent email
Note: 
Ex: Once you set 10 seconds and sent an email. It means you can recall/undo your email within 10 seconds.

Gmail stores our email in buffer till the time(10 seconds), We can recall/undo our email only during that time.

7. And Final click on Save Changes. 

8. Compose any email and send. Once you sent, you see on top of your status it includes UNDO link also,
Pic after you sent an email
9. If you want to undo your email, just click on UNDO link and it will undo and then shows in compose window with draft format which like below,


Pic after undo your email



Please let your comments in the comments section and share to others if you feel really useful and worth.

Thank you & Happy Coding. :)

Thanks,
Nuthan M.

Saturday, 12 November 2016

How to download streaming youtube videos using VLC Media Player?


Download streaming youtube videos using VLC Media Player.


Hi,

   Do you know VLC Media Player streams youtube videos?
   Do you know VLC Media Player downloads youtube videos?

The answer is YES. In this short article, we will show you how to download and streams youtube videos using VLC Media Player.

Things required to download and stream youtube videos:
Install VLC Media Player from Filehippo.com

As we know, most of us using VLC Media Player for playing offline videos, but i will show you how to download and stream youtube videos.

Will see in step by step manner with screenshots

Step 1: Open VLC Media Player

VLC Media Player Home
Step 1: VLC Media Player Home

Step 2
:   Go to youtube and type the URL which you want to download.
Youtube URL for downloading through VLC Media Player
Step 2: Youtube URL for downloading through VLC Media Player

Step 3:  Go to Media Menu and select Open Network Stream.

Go to Media Menu and select Open Network Stream
Step 3: Go to Media Menu and select Open Network Stream

Step 4
: Once click on Open Network Stream, it opens the following popup and paste the youtube URL and click on Play button.

Paste the youtube URL
Step 4: Paste the youtube URL

Step 5: Now we will see the youtube videos streaming in VLC Media Player.

Steaming youtube video in VLC Media Player
Step 5: Steaming youtube video in VLC Media Player


 Now we will see how to download the youtube video which is streaming in VLC Media Player.

Step 6: Go to Tools menu and select Codec Information, 
                                   
Youtube source and video codec information
Step 6: Youtube source and video codec information

Step 7:  Opens a popup and it includes video information and also source link of video which is highlighted in Location textbox.

Copy the Video source location
Step 7: Copy the Video source location 


Step 8: Copy the link and paste it in the browser and right-click on the video and choose SAVE AS option.

Paste the URL in browser and save the file in your system.
Step 8: Paste the URL in the browser and save the file in your system.

Please let your comments in the comments section and share to others if you feel really useful and worth.

Thanks and happy coding :)
Nuthan.M