Jump to content

alineer

Members
  • Posts

    16
  • Joined

  • Last visited

Posts posted by alineer

  1. On 3/15/2018 at 9:56 PM, IMTanuki said:

    @alineer

    Thanks for the reply...could you possibly expand on your answer?

    1. On the data page elements config screen (either standard or advanced), I don't see any option to add css.

    - If I modify the style, then I would need a specific style for each data page.  I don't think even that wouldn't work,because I plan to use data grouping.

    - Could you specify exactly where to add the css? 

    Thanks!

     

    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. 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;
    }

     

  3. 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
    }

     

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