Help forum
- Has anyone been successful in making a date range picker similar to Airbnb's?
Lucifer
🤔2👍112 5 months ago
26 Jul 2024, 18:24
I 'm trying to do this with the vanilla calendar package and using 2 date entry fields but unsure if this is the right approach . How would you all build this ? I have an API connected to Xano that can accept 2 dates (start & end ) . - Authorization header not being sent with API request to Xano
rhymes
11 5 months ago
23 Jul 2024, 06:33
Following the todo tutorial (thank you for the resources ! ) , but am having issues with authenticating requests to Xano . Upon investigating the requests received by Xano , it appears that the Authorization header is missing . I tried the same request with Postman (getting the token from my cookie ) and it worked . The Authorization in the Toddl API window is set to Bearer <access_token and Proxy has been checked . Am I missing a setting somewhere to get my project to send the Authorization header ? PS Unsure if it 's important , but I received a "error code : 521 " in the Toddl window a couple of times - but those requests never hit Xano . Much thanks ! - Changing default styles
Jax Wedel
13 6 months ago
18 Jul 2024, 11:28
I am working on how styling can be done efficiently in Toddle , and I am trying to find out how to do a stylesheet for all elements . I want to avoid having to change every component every time , because that will cause issues and mistakes . But it seems Toddle doesnt support stylesheets , and the advice seems to be to create every element as components , and then style all of those components every time , and then insert them into the app instead of using the basic toddle elements . Which seems a bit strange since you are basically building a stylesheet one by one as components . Is this correct ? Is there no other way to do a stylesheet ? And regarding light /dark mode , I watched the video called "Lights on " https://www.youtube.com/watch?v=_HKZGI6UW_g @Andreas Møller mentions there that there is an easier way to do this in larger apps , is that video out ? Because I would rather do two separate stylesheets than to build in this logic in every component . PS : I see a solution by creating a global variable like "light " and "dark " . But not sure where you do that in Toddle (on root page /homepage ? ) . - Conditional rendering based on the viewport size
Jax Wedel
74 6 months ago
16 Jul 2024, 19:13
How do I set an element to not render when the viewport is below 600px ? I have been looking everywhere for this solution . - How do I handle optional query parameter?
Dan
7 6 months ago
8 Jul 2024, 00:38
I have a button that populates a query parameter only on click . I have a variable with default value null that gets specific value "A " when the button is clicked which will be used as a query parameter in the API request . How do I make this query parameter optional so that when the button is not clicked this parameter is omitted in the request URL ? - Shoelace dropdown hidden by other elements
danishnizzle
19 6 months ago
4 Jul 2024, 17:07
I 'm using the Shoelace UI package and having some trouble with a dropdown that 's getting covered up by a list item below it . Been doing the todo tut and trying to add feature to have options menu to duplicate /delete todo . First image shows list item component I 've created which contains my options menu as I intend it to look , 2nd shows the issue . 3rd just shows that it seems to only impact the dropdown when it goes to list items below it . I 'm this is using the popover API as z -index doesn 't seem to have any impact . - Dynamically Display a PDF
Aburio
✅17 6 months ago
20 Jun 2024, 12:34
Hi all , I 'm currently trying to create a simple public one -page app to generate a bike insurance quote . The page consists of a form where users enter their last name , first name , and the bike value . When users submit the form , I want to call an API that returns a PDF and display this PDF on the same page to the user with the ability to print or send a copy by email . I created a PDF viewer component that uses custom code to insert an HTML object tag with the PDF encoded in base64 : function renderPDF({ element, base64PDF }, ctx) {
// Create the object element as a string
const objectHTML = `<object data="data:application/pdf;base64,${base64PDF}" type="application/pdf" width="100%" height="100%">
<p>Your browser does not support PDFs.
<a href="data:application/pdf;base64,${base64PDF}">Download the PDF</a>
</p>
</object>`;
// Set the innerHTML of the provided element
element.innerHTML = objectHTML;
}I can display a PDF with that method using a custom component , but where I 'm struggling is how I can plug the form submit to call my API , convert the returned PDF into base64 , and insert the value into my custom component . P .S : Thanks to the Day 3 Tutorial video , I found my mistake . I removed the 'prevent default . - Move a project to a different organization?
Bishop
4 6 months ago
19 Jun 2024, 14:45
Is there a way to do this at the moment ? - Setting html lang
mbirkegaard
2 7 months ago
19 Jun 2024, 11:00
We have a customer request for setting the html lang tag ( "da " instead of "en " ) . I read that a ticket had been created for this . Did this get implemented ? - Blank canvas on editor
yoelfdz
12 7 months ago
16 Jun 2024, 21:22
Hey Team toddle , I have the editor of a project I 'm working on blank since yesterday , have not figured out why and need to continue - Truncate Text
Alex
9 8 months ago
4 May 2024, 06:54
Are we able to truncate text values in Toddle ? I want to limit text from overflowing like shown in the screenshot - Can I configure more than one domain in the application?
TuTo
27 9 months ago
17 Apr 2024, 15:59
My platform is a Saas b2b service and my clients can configure their own domain within the platform . For example , clientAdomain .com , clientBdomain .com , clientCdomain .com . All these domains lead to the same application , but depending on the domain is the information that is displayed to the client . Is it possible to do this ? - Importing existing HTML
perroseo
29 10 months ago
2 Mar 2024, 16:43
Hi ! Playing around with Toddle right now , looks very promising . But is it possible to import an existing HTML page with its CSS and add logic to it through Toddle ? - Streaming from OpenAI into a div?
Bishop
49 10 months ago
29 Feb 2024, 00:48
Wonder if anyone has done that . . . - how self hosting works?
Guilherme Demacchi
5 11 months ago
17 Feb 2024, 14:53
Hey guys , not a toddle dev yet but I 'm researching over nocode platforms that has self hosting capabilities , saw that info on toddle website and got curious about it but there 's not much information about it on the docs . Can someone explain to me how it works , how much does it cost ?
