Jump to content

alineer

Members
  • Content count

    16
  • Joined

  • Last visited

1 Follower

About alineer

  • Rank
    Member

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. alineer

    Data Page - Change Font Size / Weight by Column

    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. alineer

    Data Page - Change Font Size / Weight by Column

    You can do this via CSS. td:nth-of-type(colnumber) { //style here }
  3. alineer

    How do I code a JavaScript pop up window

    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. alineer

    Show or Hide a div based on virtual field in html block

    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. alineer

    Label Color, Field Color

    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. Can we have a screenshot or link to see the problem?
  11. 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.
  12. alineer

    Label and Field not aligned

    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.
  13. alineer

    Datapages In Modal Css Framework

    This link is dead. Do you have another one showing the behavior?
  14. 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?
  15. 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.
×