Invoice Generation with Bootstrap | CSS Media Print Tutorial

Sdílet
Vložit
  • čas přidán 6. 09. 2024
  • Invoice Generation Using Bootstrap & Use of CSS Media Print
    Is video me Media Print css ke bare me bataya gaya hain
    Generate professional invoices effortlessly using Bootstrap and master the art of CSS Media Print for impeccable print layouts. In this tutorial, you'll learn step-by-step how to create dynamic invoices that look fantastic both on screen and in print. Watch now to enhance your web development skills!
    Invoice Generation Series me Video is prakar hain
    1. Design Invoice using Bootstrap & Use of Media Query Print
    2. Dynamic Add Rows (Clone Row) Button & Delete Button
    • How to add delete butt...
    3. Detail Calculation and Footer Calculation (This Video)
    • How to Calculate Invoi...
    For More Detail Read
    selfimaginatio...
    #BootstrapTutorial #CSSMediaPrint #InvoiceGeneration #WebDevelopment #PrintLayouts #FrontEndCoding #WebDesign #CSSStyling #HTML #InvoiceDesign #CodingTutorial

Komentáře • 58

  • @rajs6138
    @rajs6138 Před 22 dny

    Thank you very much, Bahut Knowledgeable video hai. Aise aur videos welcome karte hain

  • @atifbashir1214
    @atifbashir1214 Před 3 měsíci

    After watching so much videos i finally found the solution thanku so much

  • @UniversalTechzOfficial
    @UniversalTechzOfficial Před 2 měsíci

    Tu Manega nahi na Aise, Le kar diya Subscribe. Jokes Apart you are great love your content. stay blessed 😊😊

  • @shwetankjoshi3011
    @shwetankjoshi3011 Před rokem +1

    Thanks a lot sir , u got my problem solved.

  • @user-jh3mq5so9t
    @user-jh3mq5so9t Před 10 měsíci

    thank you bro i had a print button problem !! bravo mercii

  • @kumar-suresh515
    @kumar-suresh515 Před 2 měsíci

    Very helpful information, thanks sir

  • @isha1315
    @isha1315 Před rokem +1

    very helpful sir thanks a lot

  • @globalwastesolution2055
    @globalwastesolution2055 Před 6 měsíci

    U r the great sir❤❤❤❤❤❤❤❤❤❤❤

  • @rahulmeshram4371
    @rahulmeshram4371 Před 11 měsíci

    Excellent. Will you please make any sub report in media print. Your teaching is very nice and understandable for those who like me as Non-technical person and want to give many thanks for making such video's.

    • @selfimagination
      @selfimagination  Před 10 měsíci

      Thanks for watching & Welcome. Soon I will also make a video on sub report concept.

    • @ArunKumar-yk9oi
      @ArunKumar-yk9oi Před 6 měsíci

      @@selfimagination Thanks a lot🙂

  • @user-hn6ig4mh2d
    @user-hn6ig4mh2d Před rokem

    very good explanation and i have also a create same web page using your step by step guidance

  • @jahirussain6374
    @jahirussain6374 Před 9 měsíci

    serial number error (it was start from number 2 )how to correct it

  • @ahmedfizah7408
    @ahmedfizah7408 Před 10 měsíci

    The same way you hide the print button how can i make the code to show the company name and adress in the invoice when the user clicks the print button.
    This will make the printed invoice to have a company header in the printed invoice.

    • @selfimagination
      @selfimagination  Před 10 měsíci +1

      Create Company Header on this Invoice and display it only on Print View using Media Query.

    • @ahmedfizah7408
      @ahmedfizah7408 Před 10 měsíci

      @@selfimagination if possible can you show me an example line in the comment. Would appreciate.

  • @amitkumar-hu6ir
    @amitkumar-hu6ir Před měsícem

    Sir invoice ka size small ho gya h

  • @Touhid54
    @Touhid54 Před rokem

    Nice video

  • @vikrammohokar3740
    @vikrammohokar3740 Před 10 měsíci

    Sandeep bhai ek urgent help chahiye mere pass Google apps script me same invoice form hai form.html lekin mere pass invoice format alag hai invtype2.html jab mai print button click karu to naya tab khul jaye usme invtype2.html khul jaye usme sara form.html ka data aa jaye

    • @selfimagination
      @selfimagination  Před 10 měsíci

      आपको जैसे Invoice का Format चाहिए उसे बना लीजिए, उसके बाद JavaScript का उपयोग कर जो Source data हैं उससे Format वाले Invoice मे Value सेट कर दीजिए , अलग से Tab के स्थान पर आप एक Div बना कर करेंगे थोड़ा आसान होगा।

  • @farukazam7250
    @farukazam7250 Před rokem

    thanks

  • @aaulakhsingh9547
    @aaulakhsingh9547 Před 4 měsíci

    Hello Sir App Bahut Bardiya Samjahte ho Thanks sir isme discount karne wala column bhi add karna sikhado

  • @WahidRaza-ym9tl
    @WahidRaza-ym9tl Před 8 měsíci

    form html refresh kaise kare code

  • @f450fpv7
    @f450fpv7 Před 4 měsíci

    Like!

  • @RaviSingh-ro2iu
    @RaviSingh-ro2iu Před 6 měsíci

    sir invoce html form code kaha se milege

    • @selfimagination
      @selfimagination  Před 6 měsíci

      Thanks for Watching, Description मे आपको Link मिल जाएगी ।

  • @juhisinha8010
    @juhisinha8010 Před 11 měsíci

    from where do you get the html code?

    • @selfimagination
      @selfimagination  Před 11 měsíci

      Thanks for Watching, A link is given in the description of this video, you will get all the codes in it.

  • @efghijkl4698
    @efghijkl4698 Před rokem

    Hello sir
    Aap kanha se hain.....
    batayenge please.......

  • @yousuftech22
    @yousuftech22 Před rokem

    Hello sir how are you. I'm from Bangladesh. This invoice google app script connect possible if is possible please sir how to possible connect google app script tutorial series upload video

    • @selfimagination
      @selfimagination  Před rokem

      Hi, I'm fine, Yes we can connect this Invoice to Google Sheet, Very soon Video of How to Submit HTML FORM data to Google Sheet will come on this Channel, Thank you.

    • @yousuftech22
      @yousuftech22 Před rokem

      @@selfimagination thank you so much and thanks for answered.

    • @yousuftech22
      @yousuftech22 Před rokem

      @@selfimagination I have been trying for some time to connect Google sheets with Invoice, after trying for a while, this is it, but I'm not that good. If you could do a tutorial on its functions, it would be great. Thank you sir. czcams.com/video/sa0BwOQx8zI/video.html

  • @espee-gtv4098
    @espee-gtv4098 Před 8 měsíci

    Can i have this app?

    • @selfimagination
      @selfimagination  Před 8 měsíci

      Thanks for watching. you will get the link to the source code in the description.

  • @lallisri8551
    @lallisri8551 Před rokem

    Row I'd how to generate

    • @selfimagination
      @selfimagination  Před rokem

      Row ids are generally generated by the database. When we insert Entry in Database Table, then Max Id is set in Auto_increment Column and we use the same in our program.
      Thanks

    • @apicaldentallaboratoriesltd
      @apicaldentallaboratoriesltd Před rokem

      @@selfimagination product serial how to automatically generate/

    • @selfimagination
      @selfimagination  Před rokem

      Please tell me in detail
      1. How many digits do you want to generate?
      2. In which programming language are you trying to generate?
      3. Is only Continue number to be generated?

    • @apicaldentallaboratoriesltd
      @apicaldentallaboratoriesltd Před rokem

      @@selfimagination 1 digit generate in JavaScript continue only.

    • @selfimagination
      @selfimagination  Před rokem +1

      You are watching this video of invoice series, in the subsequent video (How to add delete button in jQuery) I have created a function BtnAdd() which adds Row at Runtime, in the same function you will write the following code in the last So
      $(v).find("th").first().html($('tr').length - 2);
      Serial numbers will also start getting generated automatically.
      I am also adding video link in description.
      (2. Dynamic Add Rows (Clone Row) Button & Delete Button)

  • @SEEMAPARVEENMOHAMMEDASIF-sw9hq

    Sir your email address??