XSLT Beginner Tutorial with Demo

[@anushyag9516]

You're doing great job. Few years before this was my career goal, exactly what you're doing, pickup small topics and teach in few minutes but gave up due to other commitments. Now happy to see someone is doing the same and in great way. Appreciate you.

[@RaghavPal]

Hi Anushya, thanks for your kind words, I always believe that you can start any time of your life.

[@reachanand438]

You made it very easy to understand XML and XSL and how to link an XML file to an XSL and present it in the browser. Thank you

[@jksharma7]

My Friend Where were you ?? Thank you Sir. You are a GREAT Teacher, Cleared my all Questions.

[@generfeld]

Great vid. XSLT is a special purpose programming language to transform XML source data input. You can output TXT, HTML, or more XML. It can be used for rendering HTML (styling source XML). XSLT also contains data types, variables, and lots of functions like a regular programming language, which enables you to do math calculations, manipulate strings, etc. In addition to YT videos I also got 2 books cheap online and they were HUGELY helpful. XSLT has 4 data types: node-set, number, string, boolean. Every input/source XML document is seen as a list of nodes. The 7 node types are: root, element, namespace, attribute, text, comment, processing instruction.

[@RaghavPal]

Thanks a lot for adding this

[@cynthiamanor6565]

This was a really good high-level overview of XSLT.

[@RaghavPal]

Thanks for watching Cynthia

[@MrSimbaLovesMissNala]

Thank you so much, you're a lot better at explaining this stuff than my teacher! Really appreciate it.

[@RaghavPal]

You are so welcome!

[@kedareswarivinnakota233]

God.....!! This is really transparent 👏You really did it in 15min what my prof failed to do it in a semester. Thanks a Million ✨

[@RaghavPal]

So happy & humbled to see your message Kedareswari

[@hirookenji]

Thank you for this tutorial! I hope I get the job I was applying that requires this.

[@RaghavPal]

I hope so too! all the best

[@hirookenji]

@@RaghavPal I got the job! Thank you!

[@frauleinunbekannt]

Really trying to learn quickly for a job interview, thank u...you’re a good teacher

[@RaghavPal]

Best of luck

[@FunkL0chx3]

Sad that we still need to know that in school. Thanks for summing it up!

[@RaghavPal]

Most welcome

[@tusharfaldu6062]

You are great I had exam today and you saved my life bro 🤜

[@RaghavPal]

Glad I could help Tushar.. humbled

[@amandalimaleite3261]

This is an amazing video, straight to the point, simple and clear. Thank you for sharing you knowledge. 😀

[@RaghavPal]

Most welcome Amanda

[@TheBacker007]

Very well explained with a simple example

[@RaghavPal]

Glad it was helpful

[@SonnetGomes]

Thank you. This was a great tutorial on how XSLT transformation works.

[@RaghavPal]

Most welcome Sonnet

[@vihanprashant9702]

thank u my bruddah. Was literally struggling to get a friggin' output when u came along

[@RaghavPal]

Glad I could help

[@dailywhatsappstatus2574]

Best Video ever watched on this topic , and a lots of thanks as usual tomorrow i have an exam and you saved me at the last moment

[@RaghavPal]

Great.. all the best for your exam.. do let me know how was it

[@dailywhatsappstatus2574]

@@RaghavPal Exam was best and 8 mark question was there on XML and XSLT.. I attented it as it seems very easy after watching your video❤

[@RaghavPal]

Great, what course are you doing

[@dailywhatsappstatus2574]

@@RaghavPal Computer Science and Engineering

[@RaghavPal]

Great 👍🏻

[@registromalplena2514]

This is a very good introduction to XSLT .

[@RaghavPal]

Thanks a lot

[@erwinmagielda]

The video is very descriptive and I can see it helped loads of people. I have downloaded the codes from the Google Drive provided, and when I drag the student.xsl file, this information is displayed: "This XML file does not appear to have any style information associated with it. The document tree is shown below."

[@RaghavPal]

Hi Erwin, The message you are seeing is likely due to the fact that the student.xml file you downloaded does not have any associated XSL style sheet file. An XSL file is used to transform the XML file into a human-readable format, such as HTML. Here are some possible solutions to this issue: Check the folder where you downloaded the files from Google Drive to see if the XSL file was included. If it wasn't, you may need to search for it separately or ask the person who provided the files for it. If you do have the XSL file, make sure it is in the same directory as the XML file. The XML file needs to reference the XSL file in order to apply the formatting. Open the XML file in a web browser that supports XSL transformations, such as Internet Explorer or Firefox. If the XSL file is referenced correctly, the browser should display the formatted output. If you still can't see the formatted output, check that your browser's security settings are not blocking the XSL transformation. You may need to enable active content or allow the page to run scripts in order to see the formatted output. If none of these solutions work, you may need to reach out to the person who provided the files or seek further assistance from an XML or XSL expert

[@erwinmagielda]

​@@RaghavPal thank you so much for replying. The second solution fixed it! I had to run it with Internet Explorer mode on Edge browser.

[@geckosonic]

This is a perfect introductory example. Thank you very much

[@RaghavPal]

Most welcome

[@geckosonic]

@@RaghavPal Sadly, however, trying it in Chrome or Brave produces a blank page and no error message. Has something changed?

[@RaghavPal]

ok, can try some online help on this

[@satishphad4869]

Short Simple Crisp knowledge transfer!!!!!

[@RaghavPal]

Glad you think so Satish

[@yagnikmojidra5837]

nice tutorial sir thanks for giving this information

[@RaghavPal]

Most welcome Yagnik

[@premkarki2]

Thank you for excellent explanation.🙏

[@RaghavPal]

Most welcome

[@hyolee9040]

Thank you so much! it was so easy to understand XML and XSL. You are way better than my instructor.

[@RaghavPal]

Glad it helped!

[@MadhusmitaDutta-f7g]

thank you for the video...appreciate your detailed explanation and examples cited...it was helpful for understanding from a beginners perspective..

[@RaghavPal]

You're very welcome Madhusmita

[@sowmiyajai3317]

Thank you sir. Thank you so much. It's very useful for my exam✨

[@RaghavPal]

Most welcome Sowmiya

[@CoreDump451]

Thank you very much! This video was a very good starting point. Hope you have a wonderful day! :D

[@RaghavPal]

Glad you enjoyed it

[@lesaltimbanque311]

nice. very easy to follow and great for a quick start.

[@RaghavPal]

Glad it helped

[@supriyomitra6135]

Excellent session. Very informative. Loved it and learned something that will help me in an upcoming project. Thank you.

[@RaghavPal]

So glad to know this Supriyo. Al the best

[@HopeandLearn]

You are so lucid in exolaining things. Keep it up bro

[@RaghavPal]

Thanks

[@subhashuppin8260]

👌 Explained it very easily. It is very helpful. Thank you.

[@RaghavPal]

Most welcome 😊

[@cinnamonflan1412]

Thank you for making this so much easier to understand!

[@RaghavPal]

You're very welcome!

[@iconicae8814]

Thank you very much for that explination it's very useful

[@RaghavPal]

You are welcome

[@ABISHEKADSEC]

Awesome sir.. Thanks a lot..❣️

[@RaghavPal]

Most welcome 😊

[@kmlearnchannel9415]

Very clear and best speed explanation

[@RaghavPal]

Most welcome

[@ravim-je4yr]

Excellent Sir... Thanks a lot

[@RaghavPal]

Most welcome

[@balasubramanianilangovan888]

I truly appreciate your content and your hardwork!

[@RaghavPal]

Thanks a lot

[@sssa8728]

This is very useful video thank you

[@RaghavPal]

Most welcome

[@jyotsnaadaram148]

very useful vedio thank you sir

[@RaghavPal]

Most welcome Jyotsna

[@immadisettysushma17]

Thanks a lot..it was simple straight to the point..👏👏

[@RaghavPal]

Most welcome

[@JackCoderr]

THANK YOU SO MUCH SIR

[@RaghavPal]

Most welcome Jack

[@punjabichopsticks]

I am not technical background still understood very well explained

[@RaghavPal]

Thanks

[@freeman37]

A great intro to XML and stylesheets! Thank you

[@RaghavPal]

Thanks for watching

[@hdjfgt]

Thank you, you're a great teacher.

[@RaghavPal]

You're very welcome!

[@amancharlamanas3812]

Very informative,thank you.

[@RaghavPal]

You are welcome

[@stefandeichsel4939]

Great explanation, but does not work on my current windows 11 - edge browser or google chrome ...

[@RaghavPal]

ok, will need to check the issue and errors

[@ewoutlagendijk9604]

I had the same issue, modern browsers don't allow you to use local files in this way. If you don't want to host the file on a remote web server (like me), then you can use Live Server extension from VS Code or set up a local web server with XAMPP.

[@nandorvirag7134]

Thank you for this video, it made it look so easy! And now I understand XSL :D

[@RaghavPal]

Glad it helped Nándor

[@manusmccolgan9431]

Helped me a lot with my course thank you

[@RaghavPal]

You're very welcome Manus

[@arbidag]

Thank you Raghav!

[@RaghavPal]

Most welcome

[@lesmonkmorison2828]

very nice.. thanks

[@RaghavPal]

Most welcome

[@smiley-wu1kn]

This is pretty interesting. Thank you so much!

[@RaghavPal]

You're very welcome!

[@sanchalipramodha4611]

superb! from srilanka

[@RaghavPal]

Thanks Sanchali

[@katrinkatrin_12345]

Good job! Thank you!

[@RaghavPal]

Most welcome Yekaterina

[@MeghNini3126]

thank you so much sir this was so helpful

[@RaghavPal]

Most welcome

[@padminikalburagi1783]

Thank you.

[@RaghavPal]

You're welcome Padmini

[@krishnachavan1999]

Thank you 😊

[@RaghavPal]

You're welcome 😊

[@thomasrusterholz5217]

yes, very useful. thanks!

[@RaghavPal]

Glad it was helpful Rusti

[@MichaelZorin]

Hello, Thank you a lot for interesting video and explanation how XSLT works.

[@RaghavPal]

Glad it was helpful Michael

[@faisaljamal5882]

Thanks a lot for all the hard work. 👍 I learned a lot from your groovy tutorials. Please also do a series on xslt for XML transformation.

[@RaghavPal]

Hi Faisal, sure, will do

[@mahsaforoughi]

thank you so much🤩

[@RaghavPal]

Most welcome Mahsa

[@sarthakitaliya7660]

thanks a lot.

[@RaghavPal]

Most welcome Sarthak

[@prashanthdronavalli1591]

This was really good tutorial. I have a question I have my XML in the below format Bob student num="2"> Jack To reference student, can I still use the below in xsl? Thank You

[@RaghavPal]

You can, I have not checked the syntax carefully, can also check this online

[@DineshKumar-mr1rs]

ur the god

[@RaghavPal]

Humbled Dinesh

[@BAS-64]

Thanks !

[@RaghavPal]

Most welcome

[@saliouseck4263]

Thank you very much

[@RaghavPal]

Most welcome Saliou

[@kaingott]

thank you very much!

[@RaghavPal]

Most welcome

[@devmanman1554]

thanks man.😃

[@RaghavPal]

Most welcome

[@mohanapriyasavithri425]

Very good work

[@RaghavPal]

Thank you so much 😀

[@伟建-j4u]

Thanks for bring an excellent series course, could you please teach a lesson about how to use makefile or cmake?

[@RaghavPal]

I will try and plan for it

[@АлексАлексеев-т2в]

Thank you so much!

[@RaghavPal]

Most welcome

[@DalasYoo]

Nice bro, thank you for helping automation here haha

[@RaghavPal]

Happy to help

[@lovefrommars7468]

Thank you so much sir

[@RaghavPal]

Most welcome

[@Will-kc7kx]

please do a simple tutorial on xsd

[@RaghavPal]

I will plan Will

[@aribiali3574]

thnx mate

[@RaghavPal]

You're welcome!

[@atharvsankpal]

NICE

[@RaghavPal]

Thanks

[@manideepkumar959]

Very clear raghav ,pls make these kind of videos, actually i was searching in youtube gor a food video on xslt ,ur video is on top thanks for clear explanation

[@RaghavPal]

So nice of you, I will do more Manideep

[@mgusa9372]

Awesome!

[@RaghavPal]

Thanks

[@mgusa9372]

@@RaghavPal Thank you!

[@joeygraceffa7744]

thank you

[@RaghavPal]

You're welcome 😊

[@Akash-sq2cs]

Write a simple XSLT that takes the above XMLs and writes out the same XML without any modifications. This means the output should match the input XML character by character. can any one hel

[@RaghavPal]

for now, will need to check online examples

[@CambodianTutorials]

thanks for the video

[@RaghavPal]

You're welcome

[@forsabarça]

I am using WINDOWS but you can also do it in any OS like mac or WINDOWS.....................

[@RaghavPal]

sure Daniel

[@enver6414]

Hi, Raghav. Thanks for your efforts. It is been gew years i am following you and few other KZbinr. I did not know anything about coding before that, but now I am Automation guy. You do not know me, but you are one of my heros. I have a plan for 2021. I am planning to one hours study everyday for full year. I will try my best to do it. If there is a compagin, i think it can change everyone life. How do you think about it. Can you please lead us to start one hour learning plan? Thanks

[@RaghavPal]

Great to know this Enver, Sure let me know how can I support you

[@enver6414]

@@RaghavPal Thank you for your reply. currently, I am doing selenium automation with Java. Since this is my first year, there are still some challenges at work. I have a dream to be a good automation Engineer in the next few years. as long as new things coming to market continuously, it is been kind of hard for me what to learn, if you can give me some suggestion of what to learn, it will be great, thanks Enver

[@RaghavPal]

Start with something you are already working with. Like Selenium for UI browser automation. You can learn to create frameworks in Java, Python, JS etc. Can also learn the tools that do UI Browser Automation testing, Then as per your interest or needs can start with other Automation testing topics like API, CI, CD etc. Will find all here - automationstepbystep.com/

[@Ludi505]

so, how did that go? I'm curious.

[@akrav88]

Thanks you

[@RaghavPal]

Welcome Alex

[@m12652]

Good stuff, thank you 👍 how can i preview for formatted xml in chrome without running a server?

[@RaghavPal]

Thanks, To preview formatted XML in Chrome without running a server, you have a few options: 1. XMLTree Extension: - Install the [XMLTree extension] from the Chrome Web Store. - It provides a collapsible tree view for XML files, similar to what Internet Explorer offers. - You can explore the XML structure and see open/close nodes. 2. Web Inspector (Developer Tools): - Right-click on an XML node and select "Inspect Element." - This opens the WebKit Web Inspector, which allows you to explore the XML structure, including highlighting and navigation. 3. Pretty XML Tree: - There's another extension called [Pretty XML Tree](chrome.google.com/webstore/detail/pretty-xml-tree/ajfkkmnpfddpmdhjgdidplmcmfekfjeg) that uses XSLT to format XML. - It aims to be faster and more efficient than the older XML Tree extension. Give these options a try, and choose the one that best suits your needs. Happy XML browsing --

[@m12652]

@@RaghavPal cheers

[@chowdary4128]

Kindly continue the classes for XSLT

[@RaghavPal]

I will plan to add more videos

[@kishorekannan5765]

@@RaghavPal waiting

[@brazo98]

Thx a lot for your very awesome tutorials. Could you tell me which extension or default homepage did you take on chromebrowser specialy I means the clock and welcome page. Thx 😻😻😻

[@RaghavPal]

ok, thats a chrome extension - Momentum

[@brazo98]

@@RaghavPal Thx a lot

[@amantiwari8312]

Hello sir, how you record your video and editing everything which software you used plz reply

[@RaghavPal]

Hi Aman, I use the mac in-built tools

[@Myrslokstok]

Thanks great tutorial, but wouldnt it be usefull with a 3'th file who import both XML and XSL so we dont have to change the XML.

[@RaghavPal]

I will check on this

[@RakArtzy]

Hi. That was a very helpful. Now Internet explorer is no more available. I am unable to view XML in browser anymore using xsl stylesheet. can you please help?

[@RaghavPal]

Let's explore some solutions: 1. Browser Support for XSLT: - Historically, most leading browsers supported client-side XSLT transformation. When you open an XML file with an associated XSL stylesheet, the browser would apply the transformation and display the output (usually HTML) instead of the original XML. - However, recent changes mean that not all browsers handle this the same way anymore. 2. Recommended Approach: - The standard way to associate an XSL stylesheet with an XML file is by adding a processing instruction within the XML file itself. Here's how: ```xml ``` Replace `"your-stylesheet.xsl"` with the actual path to your XSLT file. - When you open the XML file in a browser, it should automatically apply the specified XSLT. 3. Browser Behavior: - Firefox: Historically, Firefox supported this feature, but recent versions no longer apply XSLT transformations. It will display the content of the XML directly. - Chrome and Edge: These browsers not only disallow XSLT but also won't display the XML content. They treat it as an unsupported format. - IE: Although IE is no longer actively maintained, it used to handle XSLT transformations well. However, I recommend avoiding IE due to its security risks and lack of modern features. 4. Alternative Solutions: - Server-Side Transformation: Consider performing the XSLT transformation on the server side (using PHP, Java, or other server technologies) and serving the transformed HTML to the browser. - Third-Party Tools: Explore third-party tools or libraries that handle XML-to-HTML transformations. For example, Saxon-JS allows XSLT 3.0 to run in the browser. - Local Development: During development, use local servers (e.g., Apache, Node.js) to serve your XML and XSL files. This ensures consistent behavior across browsers. 5. Debugging Tips: - Check your browser's developer console for any error messages related to XSLT processing. - Verify that your XML and XSL files are accessible via valid URLs. - Ensure that your XSLT script is correctly written and doesn't contain errors. Remember that XSLT usage has evolved, and browser support varies. If possible, consider migrating away from XSLT for client-side transformations.

[@ambarishmangrulkar7151]

Great work! Your explanation is really amazing. Can you also share how we can convert XML file to docx format using XSLT or by any other means? Thank you!

[@RaghavPal]

Hi Ambarish, thanks, I will work on this

[@tothemoon7438]

Did simply the same process as you, but my xsl style doesnt work. When I connect my xsl stylesheet to xml, I can only see a white screen on my Microsoft Edge tab. My xml and xsl files are in the same folder, I chacked file names in connections, I chacked XSL through the XML Validator. Everything should be fine, but nothing works ;/ Isntead of student atributes i see a white screen

[@RaghavPal]

To troubleshoot your XSL stylesheet issue, check XML and XSL syntax, ensure proper linking, test in different browsers, simplify and debug your XSL, check the console for errors, and verify file permissions -

[@tonester1964]

The video presentation is good, easy to follow, but I'm still having trouble getting the table data to appear in the browser. I made sure to duplicate your content to see the result in the browser, however, all I get is what you see below. What am I doing wrong? What am I missing? Regardless of the browser I use, this is the result. Thanks for any advice I can get. This XML file does not appear to have any style information associated with it. The document tree is shown below. Mick Mouse Mickey

[@RaghavPal]

Tony To get the table data to appear in the browser, you need to use XSLT to transform the XML data into HTML. The XSLT file `student.xsl` should contain the following code: ```xslt First Name Last Name Nick Name ``` Once you have created the XSLT file, you can transform the XML data into HTML using the following command: ``` xsltproc student.xsl student.xml ``` This will create a new file called `student.html` which will contain the table data. You can then open the `student.html` file in a web browser to see the table data. Here is an example of what the table data would look like in the web browser: ``` First Name | Last Name | Nick Name ---------- | -------- | -------- Mick | Mouse | Mickey ```

[@peddinimurali]

Hi, I have a question, what is the columns limit to print the output in excel like can we print more than 400 columns by using this xslt template.

[@RaghavPal]

Hi, I am not too sure and will need to check on it

[@nguyeninhthienuc4963]

So i used visual studio 2019 to run my xml find with a xslt file, when i open xml find on some browsers(MicrosoftEdge,Chrome), it shows nothing, then i open it on firefox and it only show text but the table i fommatted by xslt. Do you know why sir? Sorry for my bad English

[@RaghavPal]

Hi Nguyễn The behavior you described could be due to differences in how different browsers handle XML and XSLT rendering. Here are a few possible reasons why you might be experiencing this: Browser Compatibility: Different browsers have varying levels of support for XML and XSLT rendering. Some browsers may handle the rendering of XML and XSLT more effectively than others. It's possible that the browsers you mentioned (Microsoft Edge and Chrome) have limitations or issues with rendering XML and XSLT in the way you expect. XSLT Transformations: The XSLT file you're using might not be compatible with all browsers. Some browsers may have stricter interpretation of XSLT stylesheets or might not support certain XSLT features. This can result in inconsistent rendering or no rendering at all. Security Restrictions: Browsers often have security measures in place that restrict the loading of XML and XSLT files from local file systems. This can prevent the XSLT transformation from being applied and result in the XML content not being displayed correctly. To address these issues, you can try the following: Ensure your XSLT file is well-formed and valid according to the XSLT specification. Test your XML and XSLT files in multiple browsers to identify any browser-specific rendering issues. Consider using a browser that has better support for XML and XSLT, or use browser developer tools to investigate any error messages or warnings related to XML and XSLT rendering. Host your XML and XSLT files on a web server rather than accessing them from the local file system. This can help overcome some security restrictions imposed by browsers. Consider using dedicated XML and XSLT tools or libraries that provide consistent rendering across different browsers. These tools often offer more control and flexibility in handling XML and XSLT transformations. By addressing these points, you can improve the compatibility and rendering of your XML and XSLT files across different browsers.

[@nguyeninhthienuc4963]

@@RaghavPal Thank you!

[@shashanksinghsisodiya514]

Sir, how to add some default value in xsl UI. let say i want to hard code 'Y' for field name called 'lastname' in your table based on some condition in for each.. so i just want some default value for lastname in UI based on some condition in UI table

[@RaghavPal]

Hi Shashank, will need to check on that, pls try online help

[@rodolfoeduardo5488]

Could you show a way that runs in google chrome? Suggestion: put a way to pay you regardless of plan, as a bonus. Thanks.

[@RaghavPal]

Hi, sure, I will check on that

[@idk-rs1ic]

Hi, i have couple of doubts could you please advise me 1. i want to increment one date on my current date, i just given below line , will it work let say validaityDate receiving like 2022-01-27 and am trying to remove the "-" and adding one date... let say am expecting 20220128

[@RaghavPal]

Hi Sunil, not very sure, will need to check this

[@swetanshushekhar]

Please create videos for SAP PI/PO

[@RaghavPal]

I will plan Swetanshu

[@deejaysergedc]

Hey Raghav, my XML/XSL only works when I run my XAMP server... any idea why? I want it to show by just opening a chrome tab (direct location clip, not via localhost)

[@RaghavPal]

Hi, it may be setup that way, take some help from your dev or networks team,

[@shubhambhandare4004]

Konsa vala rdp use kare ho bhai

[@RaghavPal]

need the context for this Shubham

[@transcendentalmess]

Great video, but is it wise for you to have all of that information about your system displayed in a public video?

[@RaghavPal]

Hi, i use temporary remote systems so should not be an issue, still pls tell me the time stamp so I can check again