Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by alineer

  1. Hi hello, yes. I got a bit busy with work... You would add a header/footer block to your page, and add <style></style>, and put the custom css between those tags. I know it seems a bit roundabout, but it works.
  2. You can do this via CSS. td:nth-of-type(colnumber) { //style here }
  3. Do you want a modal or a popup? You can easily make a modal menu with HTML5 and CSS. However, I have noticed that Caspio forms do not play too nicely with modal windows. I had to do some hacky things to get them to work. If you would like more information, I will be happy help.
  4. Use this.: <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> <script> $(document).ready(function(){ //your code here. }); </script>
  5. CSS is cascading, meaning the last style applied to an element is always the one that sticks. So, ordering matters. The element in question has both of these CSS classes, and the right order for the particular styles, but the css styles are written backwards. So, the only styles being applied is the .cbBulkFormLabel. Remove the !important from the colors attribute, and it should work. .cbBulkFormLabelRequired { color: #F44336 !important; /* here */ font-size: 10px !important; font-family: Arial, sans-serif !important; font-weight: bold !important; z-index: 2000 !important; } .cbBulkFormLabel { color: #444444 !important; /* and here */ font-size: 10px !important; font-family: Arial, sans-serif !important; font-weight: bold !important; }
  6. So, there's 2 ways to do this. The easiest one is to import Highstocks.js as well as Highcharts. The option for adding a scrollbar was added to Highstocks and you can make Highstocks draw a Highchart. If you go this route, just add: xAxis: { scrollbar: { enabled: true; } } to under the plotoptions object. The other way to achieve this is set a min and max on the xAxis. xAxis: { min: 0, max: 100 //or whatever you need this to be for your scroll }
  7. One thing you can do is wrap the label in HTMLBlocks, turn off the WYSWYG editor, drop in <div id="comment"> in one block, and close the div in the one under it. From here, you can easily use CSS to select the label (it should be a child element under the div).
  8. I have never used Wix, I honestly prefer to do my HTML by hand, and not in a wyswyg editor.. Is there a way to link stylesheets and scripts? You need to add that to the <head> element of the html page. This is before the body.
  9. <meta name="viewport" content="width=device-width, initial-scale=1"> Add that into your head, on your site, not in Caspio.
  10. I actually figured this out. It is hacky, but it works. Here's a link with a working demo: https://sandbox.trackitez.com/index1.html?cbr=f03d4000daaf244c3c874b938d19 What I had to do was embed the form into an iframe, and then, edited the specific login page for the module to route to parent.location.href, and not window.location.href.
  11. td[class^="cbFormDataCell"] { padding: 0px; } td[class^="cbFormLabel"] { vertical-align: inherit; } This seems to work for me. I find it easier to style caspio forms on my page than in caspio.
  12. This link is dead. Do you have another one showing the behavior?
  13. Yeah. I'm trying to figure out how to make it refresh and open the modal again, while displaying the error message. Is there a way to grab that session key and add anchor for the modal to it?
  14. https://sandbox.trackitez.com/index.html?cbr=f03d4000daaf244c3c874b938d19# Here's the link for the page. I need it to display the error message and the modal when it fails, instead of forcing the user to click the link again.
  15. Hi all, I'm trying to do authentication in a modal window. It works fine on the happy path, as in the user inputs valid credentials . However, if a user puts in bad credentials or no credentials, the page refreshes and in order to see the error message, you must click the login button again. This is less than optimal UX. I have tried all the options in the standard Caspio feature set, and still can't seem to redirect to the modal window with the error message displayed on fail. I'm wondering if there's a way to achieve this behavior with javascript, or a clever workaround. Thanks.
  • Create New...