# htmx-general
- Heyod
delightful-ambulance-44416
04/02/2023, 3:10 PMHeyo - Im new here, I need some hyperview helpd
delightful-ambulance-44416
04/02/2023, 3:10 PMIm new here, I need some hyperview help - Which channel should i talk on?d
delightful-ambulance-44416
04/02/2023, 3:10 PMWhich channel should i talk on? - Thankw
witty-garage-37227
04/02/2023, 3:16 PMThank - https://htmx.org/extensions/head-support/c
cuddly-keyboard-70746
04/02/2023, 4:09 PM - is it normal that htmx does not fire events declared in `"HX-Trigger"` when HTTPResponse returned with this header is 302 redirect?m
microscopic-cartoon-64495
04/03/2023, 10:32 AMis it normal that htmx does not fire events declared in
when HTTPResponse returned with this header is 302 redirect?"HX-Trigger" - Htmx can't see the headers from the response, the redirect is performed by the browser automatically, so yes, it's expectedr
ripe-action-67367
04/03/2023, 10:35 AMHtmx can't see the headers from the response, the redirect is performed by the browser automatically, so yes, it's expected - dumb simple question: what is the code for a button, to act as a hyperlink? ` <button htmx-attribute="/destination_page/">Not an anchor tag, a button!</button>`w
white-london-59674
04/04/2023, 1:34 PMdumb simple question: what is the code for a button, to act as a hyperlink?<button htmx-attribute="/destination_page/">Not an anchor tag, a button!</button> - ```html <button hx-get="/destination_page/" hx-push-url="true" hx-target="body">Not an anchor tag, a button!</button> ```m
mysterious-toddler-20573
04/04/2023, 1:37 PMCopy codehtml <button hx-get="/destination_page/" hx-push-url="true" hx-target="body">Not an anchor tag, a button!</button> - ```html <a href="/destination_page/">Links are non-negotiable</a> ```g
gorgeous-airport-54386
04/04/2023, 1:37 PMCopy codehtml <a href="/destination_page/">Links are non-negotiable</a> - but you are probably better off using a link and styling it like a button, rather than using a button as a linkm
mysterious-toddler-20573
04/04/2023, 1:37 PMbut you are probably better off using a link and styling it like a button, rather than using a button as a link - in that case, you can just do: ```html <a hx-boost="true" href="/whatever"> Links Are Good </a> ```m
mysterious-toddler-20573
04/04/2023, 1:38 PMin that case, you can just do:Copy codehtml <a hx-boost="true" href="/whatever"> Links Are Good </a> - Not only for accessibility, but also for SEO, etc. It's more webby.m
mysterious-toddler-20573
04/04/2023, 1:38 PMNot only for accessibility, but also for SEO, etc. It's more webby. - Whadda ya know, <@249837723416788992> has already solved this exactly (great moment for shameless self-promotion Deniz -- don't worry, I got you covered!) The correct answer is, for me, is: ``` <head> <link rel="stylesheet" href="https://unpkg.com/missing.css@1.0.9/dist/missing.min.css"> </head> <a class="<button>" href="/cta">Link that looks like a button!</a> ``` https://missing.style/docs/utils/#.%3Cbutton%3Ew
white-london-59674
04/04/2023, 1:46 PMWhadda ya know, @gorgeous-airport-54386 has already solved this exactly (great moment for shameless self-promotion Deniz -- don't worry, I got you covered!) The correct answer is, for me, is:Copy code
https://missing.style/docs/utils/#.%3Cbutton%3E<head> <link rel="stylesheet" href="https://unpkg.com/missing.css@1.0.9/dist/missing.min.css"> </head> <a class="<button>" href="/cta">Link that looks like a button!</a> - \> me using bootstrap rather than missing.css conventionsm
mysterious-toddler-20573
04/04/2023, 2:15 PM\> me using bootstrap rather than missing.css conventionshttps://cdn.discordapp.com/attachments/725789747212976259/1092814625222963290/iu.png▾
- Anyone noticed the link to the SSE extension is returning a 520? https://unpkg.com/htmx.org/dist/ext/sse.jst
tall-sundown-41732
04/04/2023, 3:09 PMAnyone noticed the link to the SSE extension is returning a 520? https://unpkg.com/htmx.org/dist/ext/sse.js - And now it isn't...?t
tall-sundown-41732
04/04/2023, 3:13 PMAnd now it isn't...? - seems like unpkg is not feeling wellr
ripe-action-67367
04/04/2023, 3:20 PMseems like unpkg is not feeling well - So how is the very simple and usual case of having an hx-indicator show a spinner while an img tag is being requested by the backend server?r
rich-alarm-65737
04/04/2023, 4:53 PMSo how is the very simple and usual case of having an hx-indicator show a spinner while an img tag is being requested by the backend server? - right in examples, thank you!r
rich-alarm-65737
04/04/2023, 5:21 PMright in examples, thank you! - i love htmx's banners
shy-knife-59740
04/04/2023, 8:21 PMi love htmx's banner - on twitters
shy-knife-59740
04/04/2023, 8:21 PMon twitter - Hello allc
cool-match-83608
04/05/2023, 6:49 AMHello all - anyone every tried to download a file with htmx and thymeleaf while at the same time refreshing a fragment ?c
cool-match-83608
04/05/2023, 6:49 AManyone every tried to download a file with htmx and thymeleaf while at the same time refreshing a fragment ? - Are you talking about situation when you make request with htmx, you swap some element and you want to refresh something else somewhere in the dom?e
echoing-lion-55988
04/05/2023, 9:02 AMAre you talking about situation when you make request with htmx, you swap some element and you want to refresh something else somewhere in the dom? - If so, you can trigger another requests with custom events with HX-Trigger HTTP header or hx-swap-oob attributee
echoing-lion-55988
04/05/2023, 9:04 AMIf so, you can trigger another requests with custom events with HX-Trigger HTTP header or hx-swap-oob attribute - i am trying to download a filec
cool-match-83608
04/05/2023, 9:12 AMi am trying to download a file - this is my codec
cool-match-83608
04/05/2023, 9:12 AMthis is my code - @GetMapping("/reportfilegeneration/generateinvoicefile") @ResponseBody fun downloadCsv(@RequestParam(value = "report", required = true) report: String, @RequestParam(value = "dateFrom", required = true) dateFrom: String, @RequestParam(value = "dateTo", required = true) dateTo: String, response: HttpServletResponse) { if(report == "summary") { val outputStream = ByteArrayOutputStream() reportFileGenerationLifecycle.generateCsv(dateFrom.toLocalDate(), dateTo.toLocalDate(),outputStream) val contentDisposition = ContentDisposition.builder("attachment").filename("CCBLING_CCSMRY_${LocalDateTime.now()}.csv") .build() response.setHeader(HttpHeaders.CONTENT_DISPOSITION, contentDisposition.toString()) //response.addHeader("HX - Trigger":"myEvent") //response.addHeader("HX-Trigger": {"event1":"A message", "event2":"Another message"}) response.contentType = MediaType.valueOf("text/csv").type response.outputStream.write(outputStream.toByteArray()) response.flushBuffer() outputStream.close() } }c
cool-match-83608
04/05/2023, 9:12 AM@GetMapping("/reportfilegeneration/generateinvoicefile") @ResponseBody fun downloadCsv(@RequestParam(value = "report", required = true) report: String, @RequestParam(value = "dateFrom", required = true) dateFrom: String, @RequestParam(value = "dateTo", required = true) dateTo: String, response: HttpServletResponse) { if(report == "summary") { val outputStream = ByteArrayOutputStream() reportFileGenerationLifecycle.generateCsv(dateFrom.toLocalDate(), dateTo.toLocalDate(),outputStream) val contentDisposition = ContentDisposition.builder("attachment").filename("CCBLING_CCSMRY_${LocalDateTime.now()}.csv") .build() response.setHeader(HttpHeaders.CONTENT_DISPOSITION, contentDisposition.toString()) //response.addHeader("HX - Trigger":"myEvent") //response.addHeader("HX-Trigger": {"event1":"A message", "event2":"Another message"}) response.contentType = MediaType.valueOf("text/csv").type response.outputStream.write(outputStream.toByteArray()) response.flushBuffer() outputStream.close() } } - this is working greatc
cool-match-83608
04/05/2023, 9:12 AMthis is working great