Jump to content

Search the Community

Showing results for tags 'css'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Caspio Bridge
    • General Questions
    • Caspio JavaScript Solutions
    • Tables, Views and Relationships
    • Import/Export and DataHub
    • DataPages
    • Deployment
    • Security, Authentications, Roles, SAML
    • Styles and Localizations
    • Parameters
    • API and Integration
    • Calculations and aggregations
    • User JavaScript and CSS Discussions

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


MSN


Website URL


ICQ


Yahoo


Skype


Location


Interests

Found 36 results

  1. I would like to change the attributes of the drop down. Color, padding etc. I don't like the blue color. Thank you for any help!
  2. My company's website is now going to a completely responsive front end, but currently none of the Caspio forms on our site work this way. I'm wondering id there are any others who are facing a smilier problem and if there is a solution available. I understand that Caspio forms are not responsive out of the box, but can they made to be? Philip
  3. Hi folks I wanted to share a cool code with everyone when you press the Submit Button on a Form. Well when you press the Submit Button with a file in it to load and there is a unique field in it (such as a Username for a registration form), there's a bit of a delay until you ge to the confirmation screen. This confuses the Submitter and may press the button again - which results in an error because now the form is submitted twice but the same username was alreast submitted on the first form Anyway you want a Loading screen to pop up. Caspio should have this simple feature for a "low coding" platform! In your header drop this code (#Submit is the submit button - on an update form its something different, #processing is the name of my div that will show the processing window after submission): <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#Submit").click(function(){ $("#processing").css({"display":"table"}); }); }); </script> In the Footer drop this: <div id="processing" style="display:none;background-color:rgba(222,200,70,0.9);height:100vh;width:100vw;position:fixed;top:0;"><br/><br/><span style="display:table;height:75wh;margin:auto;top:0;bottom:0;left:0;right:0;">Processing, Please Wait....<br/><br/><img style="display:table;margin:auto;" src="http://skquares.com/processing.gif"></img><br/<br/></span></div> ------- thats it! Notice the display is set to none because you dont want to show the window until the Submit button is pressed via the Jquery script. Notice the height and width are set to the size of the screen with a position of fixed, top:0 - so that the whole screen is covered but you can shrink it by putting less width and height; background is my own color choice but you can change that - note leave the opacity not at 100% but I have it at 90%(0.9) so that the user can still see the form a little. Also, http://skquares.com/processing.gif is where i store MY image so you have to change it to where you image is hosted (but you could use mine i guess). Ok I hope this helps!
  4. I wish to create a multiselect dropdownlist with few group title, which we normally known as "HTML <optgroup> Tag". We can't customize the html inside Caspio Datapage. Is it possible with javascript custom code? Sample image is here below please check and thanks you.
  5. I tried to hide my Search button with this code in the Header of my DataPage: <style> .cbSearchButton{ display:none !important; } .cbSearchButtonContainer{ display:none !important; } </style> And it works except when I deploy the embedded script in WordPress, the search button reappears.
  6. Hi there, I would appreciate if someone could help me modifying styles of a dropdown on inline insert functionality of Tabular Report Datapage. I have a Cascading dropdown "EMAIL" where I would like to assign a special font and add a bottom border for each option. The challenge I am facing is that I have other dropdowns on this Datapage and I would like them to preserve default styling. Thanks, vitalikssssss
  7. Hello, I am creating a calendar data page in the "monthly" view. There are often weeks where there are no events, but aesthetically, I think it looks odd if these weeks are collapsed to be much smaller than the weeks that contain events. I changed padding = 20px in the ResultSetCalendarField element to make the empty rows slightly larger (see below). But this element also affects rows with events, so the discrepancy is still large (see screen shot). Is there any element to change that would make the default size of these empty cells larger? .cbResultSetCalendarField { /*Results Page Calendar Data Attributes*/ text-align: right; padding: 20px; color: #555555; font-size: 11px; font-family: 'Roboto', Arial, sans-serif; font-weight: 400; }
  8. Hi guys, Is it possible to print the tabular report excluding some data? I have a tabular report, where we keep some data and one of the column is important for analytics, but should not be included in the printed report. It is a report with totals and aggregations, so I want to see in the printed report the totals without the aggregated fields, only the total without the data it combines. I know it might be possible to create two different datapages, but it is not good practice to use a datapage just for printing a single report sometime. Does anybody have any JS or CSS suggestions for my case?
  9. I'm struggling getting some CSS correct in a tabular datapage and could use some help. Aggregate rows do not respond to hiding columns in the same way that data rows do when deployed. (See screenshots) In this example, I'm trying to hide three extra cells in the aggregate row. When I preview the datapage it works. When I deploy the datapage, it does not. Note that the first 4 sets of table selectors all work. Here's the CSS in my header element: <style> <!-- WORKS: --> #dashtable table:nth-of-type(1) td:nth-of-type(9) {display: none;} #dashtable table:nth-of-type(1) th:nth-of-type(9) {display: none;} #dashtable table:nth-of-type(1) td:nth-of-type(7) {display: none;} #dashtable table:nth-of-type(1) th:nth-of-type(7) {display: none;} #dashtable table:nth-of-type(1) td:nth-of-type(8) {display: none;} #dashtable table:nth-of-type(1) th:nth-of-type(8) {display: none;} #dashtable table:nth-of-type(1) td:nth-of-type(6) {text-align:center;} #dashtable table:nth-of-type(1) th:nth-of-type(6) {text-align:center;} <!-- PREVIEW WORKS, DOES NOT WORK WHEN DEPLOYED: --> #dashtable .cbResultSetTotalsDataCell {display:none;} </style> <div id="dashtable"> (closing "div" is in footer element. ) Thoughts?
  10. I have a Caspio form embedded on a Squarespace site. Trying to get it centered in the container it is in. And only this form element. Used Chrome dev inspector to identify the correct form element: cbTableDefaultCellspacing_2f084ae66f866d In Chrome dev when I set this to text-align: -webkit-center; the form centered within the container. How could I change this in the Caspio custom CSS area? Doesnt seem to recognize -webkit .... and center alone not working. Cant give you the URL because its a password protected site ;^/ But here is the source: <!doctype html> <html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:website="http://ogp.me/ns/website" lang="en-US" itemscope itemtype="http://schema.org/WebPage" > <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- This is Squarespace. --><!-- emcme --> <base href=""> <meta charset="utf-8" /> <title>FACULTY — UCEMCME</title> <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/> <link rel="canonical" href="https://www.ucemcme.com/faculty/"/> <meta property="og:site_name" content="UCEMCME"/> <meta property="og:title" content="FACULTY"/> <meta property="og:url" content="https://www.ucemcme.com/faculty/"/> <meta property="og:type" content="website"/> <meta itemprop="name" content="FACULTY"/> <meta itemprop="url" content="https://www.ucemcme.com/faculty/"/> <meta name="twitter:title" content="FACULTY"/> <meta name="twitter:url" content="https://www.ucemcme.com/faculty/"/> <meta name="twitter:card" content="summary"/> <meta name="description" content="" /> <script type="text/javascript" src="//use.typekit.net/ik/wRvJoiXy3f5iVxYPJtjejkFpBwd4a5nhPQwhKIQUJqbfe0CgfFHN4UJLFRbh52jhWDmyw2MtFDqoZewkjRsy5AmKZemqFc9o5sTlHKo8dAFlZPoDSWmyScmDSeBRZPoRdhXCZAuRdA90SaBujW48Sagyjh90jhNlOeUzjhBC-eNDifUujhmljhu8OcFzdPUaiaS0ZAuRdA90SaBujW48Sagyjh90jhNlOYiaikoujhmljhu8OcFzdPJwSY4zpe8ljPu0daZyH6qJn3IbMg6IJMJ7fbKlMsMMeMj6MKG4fJCgIMMjgkMfH6qJCMIbMg65JMJ7fbK0MsMMegM6MKG4fJ3gIMMjIPMfqMezET29gb.js"></script> <script type="text/javascript">try{Typekit.load();}catch(e){}</script> <script type="text/javascript">SQUARESPACE_ROLLUPS = {};</script> <script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//static.squarespace.com/universal/scripts-compressed/common-1373621dd1b2b6653f99-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common');</script> <script crossorigin="anonymous" src="//static.squarespace.com/universal/scripts-compressed/common-1373621dd1b2b6653f99-min.en-US.js" ></script><script data-name="static-context">Static = window.Static || {}; Static.SQUARESPACE_CONTEXT = {"facebookAppId":"314192535267336","rollups":{"squarespace-announcement-bar":{"css":"//static.squarespace.com/universal/styles-compressed/announcement-bar-d41d8cd98f00b204e9800998ecf8427e-min.css","js":"//static.squarespace.com/universal/scripts-compressed/announcement-bar-916419e64d276e6525c0-min.en-US.js"},"squarespace-audio-player":{"css":"//static.squarespace.com/universal/styles-compressed/audio-player-6c42d60d26f4e09ab1ac335b4bc55b7e-min.css","js":"//static.squarespace.com/universal/scripts-compressed/audio-player-d644538e5a8e2e912023-min.en-US.js"},"squarespace-blog-collection-list":{"css":"//static.squarespace.com/universal/styles-compressed/blog-collection-list-d41d8cd98f00b204e9800998ecf8427e-min.css","js":"//static.squarespace.com/universal/scripts-compressed/blog-collection-list-623e704589688d0eec64-min.en-US.js"},"squarespace-calendar-block-renderer":{"css":"//static.squarespace.com/universal/styles-compressed/calendar-block-renderer-56713b1663346e1fe5b31a3adb8f31fc-min.css","js":"//static.squarespace.com/universal/scripts-compressed/calendar-block-renderer-5d77fd06ff0e64fb78d5-min.en-US.js"},"squarespace-chartjs-helpers":{"css":"//static.squarespace.com/universal/styles-compressed/chartjs-helpers-9935a41d63cf08ca108505d288c1712e-min.css","js":"//static.squarespace.com/universal/scripts-compressed/chartjs-helpers-37b477b5ca07d0c50553-min.en-US.js"},"squarespace-comments":{"css":"//static.squarespace.com/universal/styles-compressed/comments-c32adaffffa61675d5f238e2ea399b2b-min.css","js":"//static.squarespace.com/universal/scripts-compressed/comments-0a15781becc611d5a809-min.en-US.js"},"squarespace-commerce-cart":{"js":"//static.squarespace.com/universal/scripts-compressed/commerce-cart-2870139208d9ac5e8434-min.en-US.js"},"squarespace-dialog":{"css":"//static.squarespace.com/universal/styles-compressed/dialog-a5f874591a318ca818816c527ef525b3-min.css","js":"//static.squarespace.com/universal/scripts-compressed/dialog-acd7a7e31f0f5dcccaf3-min.en-US.js"},"squarespace-events-collection":{"css":"//static.squarespace.com/universal/styles-compressed/events-collection-56713b1663346e1fe5b31a3adb8f31fc-min.css","js":"//static.squarespace.com/universal/scripts-compressed/events-collection-f1c8b67551b883463072-min.en-US.js"},"squarespace-form-rendering-utils":{"js":"//static.squarespace.com/universal/scripts-compressed/form-rendering-utils-6d8034e032a2223aecb3-min.en-US.js"},"squarespace-forms":{"css":"//static.squarespace.com/universal/styles-compressed/forms-4af1b5b3c288ba939ea861fe2d37119a-min.css","js":"//static.squarespace.com/universal/scripts-compressed/forms-6532ae051da962e7a021-min.en-US.js"},"squarespace-gallery-collection-list":{"css":"//static.squarespace.com/universal/styles-compressed/gallery-collection-list-d41d8cd98f00b204e9800998ecf8427e-min.css","js":"//static.squarespace.com/universal/scripts-compressed/gallery-collection-list-f0c32f8dad553fd18889-min.en-US.js"},"squarespace-image-zoom":{"css":"//static.squarespace.com/universal/styles-compressed/image-zoom-ae974921915aeccaff8ad60c60e19c31-min.css","js":"//static.squarespace.com/universal/scripts-compressed/image-zoom-9d5d0792048b8f01d40b-min.en-US.js"},"squarespace-pinterest":{"css":"//static.squarespace.com/universal/styles-compressed/pinterest-d41d8cd98f00b204e9800998ecf8427e-min.css","js":"//static.squarespace.com/universal/scripts-compressed/pinterest-e19780a7eda176bdf3ca-min.en-US.js"},"squarespace-popup-overlay":{"css":"//static.squarespace.com/universal/styles-compressed/popup-overlay-6b891e5f689f032ce65af5855c067b4f-min.css","js":"//static.squarespace.com/universal/scripts-compressed/popup-overlay-f4d15bc31e9a8017a992-min.en-US.js"},"squarespace-product-quick-view":{"css":"//static.squarespace.com/universal/styles-compressed/product-quick-view-9abaaa4dfff182aa8d4ccf3b6ffdbe8d-min.css","js":"//static.squarespace.com/universal/scripts-compressed/product-quick-view-a86fcf38bc90f7f77e0f-min.en-US.js"},"squarespace-products-collection-item-v2":{"css":"//static.squarespace.com/universal/styles-compressed/products-collection-item-v2-ae974921915aeccaff8ad60c60e19c31-min.css","js":"//static.squarespace.com/universal/scripts-compressed/products-collection-item-v2-57cd4043c2e72d84d243-min.en-US.js"},"squarespace-products-collection-list-v2":{"css":"//static.squarespace.com/universal/styles-compressed/products-collection-list-v2-ae974921915aeccaff8ad60c60e19c31-min.css","js":"//static.squarespace.com/universal/scripts-compressed/products-collection-list-v2-f5c522ca69c981d726ce-min.en-US.js"},"squarespace-search-page":{"css":"//static.squarespace.com/universal/styles-compressed/search-page-9c747eeaabe96dacfea4932a63336f54-min.css","js":"//static.squarespace.com/universal/scripts-compressed/search-page-abb420b4effceb48aa15-min.en-US.js"},"squarespace-search-preview":{"js":"//static.squarespace.com/universal/scripts-compressed/search-preview-ba474737cbac82581def-min.en-US.js"},"squarespace-share-buttons":{"js":"//static.squarespace.com/universal/scripts-compressed/share-buttons-6d32f91d3d76b3be12c3-min.en-US.js"},"squarespace-simple-liking":{"css":"//static.squarespace.com/universal/styles-compressed/simple-liking-09fa291ec2800c97714f0d157fd0a6ca-min.css","js":"//static.squarespace.com/universal/scripts-compressed/simple-liking-4eeb7c106f5d51364d04-min.en-US.js"},"squarespace-social-buttons":{"css":"//static.squarespace.com/universal/styles-compressed/social-buttons-7a696232d1cd101fd62b5f174f9ae6ff-min.css","js":"//static.squarespace.com/universal/scripts-compressed/social-buttons-04d1522f7679f0db186b-min.en-US.js"},"squarespace-tourdates":{"css":"//static.squarespace.com/universal/styles-compressed/tourdates-d41d8cd98f00b204e9800998ecf8427e-min.css","js":"//static.squarespace.com/universal/scripts-compressed/tourdates-89389f002f2f64f56866-min.en-US.js"},"squarespace-website-overlays-manager":{"css":"//static.squarespace.com/universal/styles-compressed/website-overlays-manager-923311a5ffb05ecb734ddfc7d9be08bc-min.css","js":"//static.squarespace.com/universal/scripts-compressed/website-overlays-manager-23d2fee923cc5b76035b-min.en-US.js"}},"pageType":2,"website":{"id":"5a008799dc2b4a9ebded6e99","identifier":"emcme","websiteType":1,"contentModifiedOn":1522797029976,"cloneable":false,"siteStatus":{},"language":"en-US","timeZone":"America/New_York","machineTimeZoneOffset":-14400000,"timeZoneOffset":-14400000,"timeZoneAbbr":"EDT","siteTitle":"UCEMCME","siteDescription":"","logoImageId":"5a902a57c8302568a6b68bf3","shareButtonOptions":{"6":true,"3":true,"1":true,"4":true,"5":true,"7":true,"2":true,"8":true},"logoImageUrl":"//static1.squarespace.com/static/5a008799dc2b4a9ebded6e99/t/5a902a57c8302568a6b68bf3/1522797029976/","authenticUrl":"https://www.ucemcme.com","internalUrl":"https://emcme.squarespace.com","baseUrl":"https://www.ucemcme.com","primaryDomain":"www.ucemcme.com","sslSetting":3,"isHstsEnabled":false,"typekitId":"","statsMigrated":false,"imageMetadataProcessingEnabled":false},"websiteSettings":{"id":"5a008799dc2b4a9ebded6e9c","websiteId":"5a008799dc2b4a9ebded6e99","subjects":[],"country":"US","state":"OH","simpleLikingEnabled":true,"mobileInfoBarSettings":{"isContactEmailEnabled":false,"isContactPhoneNumberEnabled":false,"isLocationEnabled":false,"isBusinessHoursEnabled":false},"commentLikesAllowed":true,"commentAnonAllowed":true,"commentThreaded":true,"commentApprovalRequired":false,"commentAvatarsOn":true,"commentSortType":2,"commentFlagThreshold":0,"commentFlagsAllowed":true,"commentEnableByDefault":true,"commentDisableAfterDaysDefault":0,"disqusShortname":"","commentsEnabled":false,"storeSettings":{"returnPolicy":null,"termsOfService":null,"privacyPolicy":null,"paymentSettings":{},"expressCheckout":false,"continueShoppingLinkUrl":"/","useLightCart":false,"showNoteField":false,"shippingCountryDefaultValue":"US","billToShippingDefaultValue":false,"showShippingPhoneNumber":true,"isShippingPhoneRequired":false,"showBillingPhoneNumber":true,"isBillingPhoneRequired":false,"multipleQuantityAllowedForServices":true,"currenciesSupported":["CHF","HKD","MXN","EUR","DKK","USD","CAD","MYR","NOK","THB","AUD","SGD","ILS","PLN","GBP","CZK","SEK","NZD","PHP","RUB"],"defaultCurrency":"USD","selectedCurrency":"USD","measurementStandard":1,"orderConfirmationInjectCode":"","showCustomCheckoutForm":false,"enableMailingListOptInByDefault":false,"sameAsRetailLocation":false,"isLive":false},"useEscapeKeyToLogin":true,"ssBadgeType":1,"ssBadgePosition":4,"ssBadgeVisibility":1,"ssBadgeDevices":1,"pinterestOverlayOptions":{"mode":"disabled"},"ampEnabled":false},"cookieSettings":{"isRestrictiveCookiePolicyEnabled":false},"websiteCloneable":false,"collection":{"title":"FACULTY","id":"5a8333f4e4966b69c093e3c8","fullUrl":"/faculty/","type":10},"subscribed":false,"appDomain":"squarespace.com","templateTweakable":true,"tweakJSON":{"aspect-ratio":"Auto","gallery-arrow-style":"Circular","gallery-aspect-ratio":"3:2 Standard","gallery-auto-crop":"true","gallery-autoplay":"false","gallery-design":"Grid","gallery-info-overlay":"Show on Hover","gallery-loop":"true","gallery-navigation":"Circles","gallery-show-arrows":"true","gallery-transitions":"Fade","galleryArrowBackground":"rgba(34,34,34,1)","galleryArrowColor":"rgba(255,255,255,1)","galleryAutoplaySpeed":"3","galleryCircleColor":"rgba(255,255,255,1)","galleryInfoBackground":"rgba(0, 0, 0, .7)","galleryThumbnailSize":"100px","gridSize":"320px","gridSpacing":"20px","product-gallery-auto-crop":"true","product-image-auto-crop":"true"},"templateId":"4f6a1392e4b07090d46e7ec9","pageFeatures":[1,2,4],"impersonatedSession":false,"demoCollections":[{"collectionId":"527d3781e4b05acc5f1bb99c","deleted":true},{"collectionId":"527d37a8e4b080fe1829dc73","deleted":true},{"collectionId":"527d37a1e4b080fe1829dc66","deleted":true},{"collectionId":"58d93ec6579fb308147cbfef","deleted":false}],"isFacebookTab":false,"tzData":{"zones":[[-300,"US","E%sT",null]],"rules":{"US":[[1967,2006,null,"Oct","lastSun","2:00","0","S"],[1987,2006,null,"Apr","Sun>=1","2:00","1:00","D"],[2007,"max",null,"Mar","Sun>=8","2:00","1:00","D"],[2007,"max",null,"Nov","Sun>=1","2:00","0","S"]]}},"useNewImageLoader":true};</script><script type="text/javascript"> SquarespaceFonts.loadViaContext(); Squarespace.load(window);</script><script type="application/ld+json">{"url":"https://www.ucemcme.com","name":"UCEMCME","description":"","image":"//static1.squarespace.com/static/5a008799dc2b4a9ebded6e99/t/5a902a57c8302568a6b68bf3/1522797029976/","@context":"http://schema.org","@type":"WebSite"}</script><!--[if gte IE 9]> <link rel="stylesheet" type="text/css" href="//static1.squarespace.com/static/sitecss/5a008799dc2b4a9ebded6e99/36/4f6a1392e4b07090d46e7ec9/5a83279741920261fa666c1e/1588-05142015/1522793484851/site.css?&filterFeatures=false&part=1"/><link rel="stylesheet" type="text/css" href="//static1.squarespace.com/static/sitecss/5a008799dc2b4a9ebded6e99/36/4f6a1392e4b07090d46e7ec9/5a83279741920261fa666c1e/1588-05142015/1522793484851/site.css?&filterFeatures=false&part=2"/><link rel="stylesheet" type="text/css" href="//static1.squarespace.com/static/sitecss/5a008799dc2b4a9ebded6e99/36/4f6a1392e4b07090d46e7ec9/5a83279741920261fa666c1e/1588-05142015/1522793484851/site.css?&filterFeatures=false&part=3"/><link rel="stylesheet" type="text/css" href="//static1.squarespace.com/static/sitecss/5a008799dc2b4a9ebded6e99/36/4f6a1392e4b07090d46e7ec9/5a83279741920261fa666c1e/1588-05142015/1522793484851/site.css?&filterFeatures=false&part=4"/><![endif]--> <!--[if lt IE 9]><link rel="stylesheet" type="text/css" href="//static1.squarespace.com/static/sitecss/5a008799dc2b4a9ebded6e99/36/4f6a1392e4b07090d46e7ec9/5a83279741920261fa666c1e/1588-05142015/1522793484851/site.css?&filterFeatures=false&noMedia=true&part=1"/><link rel="stylesheet" type="text/css" href="//static1.squarespace.com/static/sitecss/5a008799dc2b4a9ebded6e99/36/4f6a1392e4b07090d46e7ec9/5a83279741920261fa666c1e/1588-05142015/1522793484851/site.css?&filterFeatures=false&noMedia=true&part=2"/><link rel="stylesheet" type="text/css" href="//static1.squarespace.com/static/sitecss/5a008799dc2b4a9ebded6e99/36/4f6a1392e4b07090d46e7ec9/5a83279741920261fa666c1e/1588-05142015/1522793484851/site.css?&filterFeatures=false&noMedia=true&part=3"/><link rel="stylesheet" type="text/css" href="//static1.squarespace.com/static/sitecss/5a008799dc2b4a9ebded6e99/36/4f6a1392e4b07090d46e7ec9/5a83279741920261fa666c1e/1588-05142015/1522793484851/site.css?&filterFeatures=false&noMedia=true&part=4"/><![endif]--> <!--[if !IE]> --><link rel="stylesheet" type="text/css" href="//static1.squarespace.com/static/sitecss/5a008799dc2b4a9ebded6e99/36/4f6a1392e4b07090d46e7ec9/5a83279741920261fa666c1e/1588-05142015/1522793484851/site.css?&filterFeatures=false"/><!-- <![endif]--> <!-- End of Squarespace Headers --> </head> <body class="underline-body-links blog-meta-data-split hide-author social-icon-style-round show-products-category-navigation event-show-past-events event-thumbnails event-thumbnail-size-32-standard event-date-label event-list-show-cats event-list-date event-list-time event-list-address event-icalgcal-links event-excerpts gallery-design-grid aspect-ratio-auto lightbox-style-light gallery-navigation-circles gallery-info-overlay-show-on-hover gallery-aspect-ratio-32-standard gallery-arrow-style-circular gallery-transitions-fade gallery-show-arrows gallery-auto-crop gallery-loop product-list-titles-under product-list-alignment-center product-item-size-11-square product-image-auto-crop product-gallery-size-11-square product-gallery-auto-crop show-product-price show-product-item-nav product-social-sharing newsletter-style-dark hide-opentable-icons opentable-style-dark small-button-style-solid small-button-shape-square medium-button-style-solid medium-button-shape-square large-button-style-solid large-button-shape-square image-block-poster-text-alignment-center image-block-card-dynamic-font-sizing image-block-card-content-position-center image-block-card-text-alignment-left image-block-overlap-dynamic-font-sizing image-block-overlap-content-position-center image-block-overlap-text-alignment-left image-block-collage-dynamic-font-sizing image-block-collage-content-position-top image-block-collage-text-alignment-left image-block-stack-dynamic-font-sizing image-block-stack-text-alignment-left button-style-outline button-corner-style-rounded tweak-product-quick-view-button-style-floating tweak-product-quick-view-button-position-bottom tweak-product-quick-view-lightbox-excerpt-display-truncate tweak-product-quick-view-lightbox-show-arrows tweak-product-quick-view-lightbox-show-close-button tweak-product-quick-view-lightbox-controls-weight-light native-currency-code-usd collection-type-page collection-layout-default collection-5a8333f4e4966b69c093e3c8 mobile-style-available" id="collection-5a8333f4e4966b69c093e3c8"> <div id="site"> <div id="canvas"> <div id="headerWrapper"> <header id="header"> <div id="headerInfo"> <h1 class="logo image"> <a href="/" title="UCEMCME" role="bookmark" data-content-field="site-title"> <span class="placed-logo-image"><img src="//static1.squarespace.com/static/5a008799dc2b4a9ebded6e99/t/5a902a57c8302568a6b68bf3/1522797029976/?format=1500w" alt="UCEMCME" /></span> </a> </h1> <script> Y.use('squarespace-ui-base', function(Y) { Y.one("h1.logo").plug(Y.Squarespace.TextShrink, { parentEl: Y.one('#header'), minFontSize: 16 }); if (Y.one('p.site-tagline')){ Y.one("p.site-tagline").plug(Y.Squarespace.TextShrink, { parentEl: Y.one('#header'), minFontSize: 12 }); } }); </script> <div id="navBlock" role="navigation"> <nav class="main-nav" data-content-field="navigation"> <ul> <li class="page-collection"> <a href="/">Home</a> </li> <li class="page-collection active-link"> <a href="/faculty/">FACULTY</a> </li> <li class="page-collection"> <a href="/cme-resources/">CME RESOURCES</a> </li> <li class="events-collection"> <a href="/calendar/">CALENDAR</a> </li> <li class="page-collection"> <a href="/registration/">REGISTRATION</a> </li> <li class="external-link"> <a href="https://c3ebv137.caspio.com/folderlogout">LOGOUT</a> </li> </ul> <select id="mobileSelect" name="mobileSelect"> <option class="mobile-select-label" value="">Navigation</option> <option class="page-collection" value="/">Home</option> <option class="page-collection" value="/faculty/" selected="selected">FACULTY</option> <option class="page-collection" value="/cme-resources/">CME RESOURCES</option> <option class="events-collection" value="/calendar/">CALENDAR</option> <option class="page-collection" value="/registration/">REGISTRATION</option> <option class="external-link" value="https://c3ebv137.caspio.com/folderlogout">LOGOUT</option> </select> </nav> </div> <!-- CATEGORY NAV --> </div> </header> </div><!-- / headerWrapper --> <div id="pageWrapper" class="hfeed" role="main"> <section id="page" data-content-field="main-content"> <div class="sqs-layout sqs-grid-12 columns-12" data-type="page" data-updated-on="1522797029975" id="page-5a8333f4e4966b69c093e3c8"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="row sqs-row"><div class="col sqs-col-6 span-6"><div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_3_1518551392327_7619"><div class="sqs-block-content"><script type="text/javascript" src="https://c3ebv137.caspio.com/dp/3f2d400051709a557944480191d0/emb"></script> <div class="cxkg"><a href="https://c3ebv137.caspio.com/dp/3f2d400051709a557944480191d0">Click here</a> to load this Caspio <a href="http://www.caspio.com" target="_blank" title="Cloud Database">Cloud Database</a></div> </div></div></div><div class="col sqs-col-6 span-6"><div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_3_1518713752666_16252"><div class="sqs-block-content"><div align="right"><a class="caspio-button-link" href="https://c3ebv137.caspio.com/dp/3f2d400007660a186924499d9937"><button class="caspio-button-blue">Update Profile</button></a> </div></div></div></div></div><div class="row sqs-row"><div class="col sqs-col-2 span-2"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-yui_3_17_2_1_1522796973491_5871"><div class="sqs-block-content">&nbsp;</div></div></div><div class="col sqs-col-8 span-8"><div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_18_1518551392327_5352"><div class="sqs-block-content"><script type="text/javascript" src="https://c3ebv137.caspio.com/dp/3f2d4000080f679f1f3b4b5a9c59/emb"></script> <div class="cxkg"><a href="https://c3ebv137.caspio.com/dp/3f2d4000080f679f1f3b4b5a9c59">Click here</a> to load this Caspio <a href="http://www.caspio.com" target="_blank" title="Cloud Database">Cloud Database</a></div> <script> function hideAuth(){ if(document.getElementsByName("cb-auth-box")){ var v_box = document.getElementsByName("cb-auth-box").length ; for (i=1; i < v_box; i++) { document.getElementsByName("cb-auth-box")[i].style.display = "none" ; } } } </script> </div></div></div><div class="col sqs-col-2 span-2"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-yui_3_17_2_1_1522796973491_6821"><div class="sqs-block-content">&nbsp;</div></div></div></div><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-3f421402271937d76dca"><div class="sqs-block-content">&nbsp;</div></div><div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-d70e090c3f907529257b"><div class="sqs-block-content"><script type="text/javascript" src="https://c3ebv137.caspio.com/dp/3f2d40006d249a715cef4f2daf5b/emb"></script> <div class="cxkg"><a href="https://c3ebv137.caspio.com/dp/3f2d40006d249a715cef4f2daf5b">Click here</a> to load this Caspio <a href="http://www.caspio.com" target="_blank" title="Cloud Database">Cloud Database</a></div> <script> function hideAuth(){ if(document.getElementsByName("cb-auth-box")){ var v_box = document.getElementsByName("cb-auth-box").length ; for (i=1; i < v_box; i++) { document.getElementsByName("cb-auth-box")[i].style.display = "none" ; } } } </script> </div></div><div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-f7cd2d913c1821fb4d7e"><div class="sqs-block-content"><script type="text/javascript" src="https://c3ebv137.caspio.com/dp/3f2d4000dbdff549707045d48fc7/emb"></script> <div class="cxkg"><a href="https://c3ebv137.caspio.com/dp/3f2d4000dbdff549707045d48fc7">Click here</a> to load this Caspio <a href="http://www.caspio.com" target="_blank" title="Cloud Database">Cloud Database</a></div> <script> function hideAuth(){ if(document.getElementsByName("cb-auth-box")){ var v_box = document.getElementsByName("cb-auth-box").length ; for (i=1; i < v_box; i++) { document.getElementsByName("cb-auth-box")[i].style.display = "none" ; } } } </script> </div></div></div></div></div> </section> </div><!-- / pageWrapper --> <div id="footerWrapper"> <footer id="footer"> <div class="sqs-layout sqs-grid-12 columns-12 empty" data-layout-label="Footer Content" data-type="block-field" data-updated-on="1518546968713" id="footerBlock"><div class="row sqs-row"><div class="col sqs-col-12 span-12"></div></div></div> </footer> </div><!-- / footerWrapper --> </div><!-- / canvas --> </div><!-- / site --> <script type="text/javascript" data-sqs-type="imageloader-bootstraper">(function() {if(window.ImageLoader) { window.ImageLoader.bootstrap({}, document); }})();</script><script>Squarespace.afterBodyLoad(Y);</script> <script type="text/javascript" src="https://static1.squarespace.com/static/ta/4f6798afe4b097349e410d49/1588/scripts/combo/?site.js"></script> </body> </html>
  11. Have a datapage report field that is also included in an aggregation. Trying to left justify that column. Chrome Dev identifies two fields that affect this alignment as: .cbResultSetHeaderCellNumberDate and .cbResultSetTableCellNumberDate. If I change it in Chrome Dev Inspect it aligns column to left. .cbResultSetHeaderCellNumberDate { text-align: right; vertical-align: middle; white-space: nowrap; background-color: #dce6f1; padding: 5px; border-color: #eeeeee; border-width: 1px 1px 1px 1px; border-style: solid; } Also searched in Caspio that styles entire source code and sequentially changed all references to a text align=right to =left. Still no change to live page. Where is the PREVIEW of the page pulling that right setting from? Thanks for your patience.
  12. Hi, It would be really great to successfully publish datapages in modal blocks (dialog box / popup windows). While experiencing some success at displaying datapages in modals, I can see there are some problems: 1. The entire page refreshes on loading the modal for the first time. Not really a show stopper but something to be mindful of because you see a blank white moment during reload. 2. In a web form datapage, if field validation on submission fails, the page does not return to the modal even when configured to do so via a modal url link. (the popup disappears). 3. Javascript in a page within a modal doesn't run as expected or doesn't seem to trigger at all. Any ideas? JC
  13. Good day. I have a display where I use the Totals & Aggregation Count function to total records. I would like to only display the rows where the total is greater that 1. Caspio expert session indicates that this can be done via Javascript. Any help would be much appreciated, thank you. Colin Hancox
  14. Hi, I like to use w3.css stylesheets on my web pages. https://www.w3schools.com/w3css/default.asp https://www.w3schools.com/w3css/w3css_downloads.asp Sometimes the styles clash when embedding Caspio content. This led me to thinking it would be a good idea to take the standard w3.css stylesheet and write a like-for-like version for the Caspio class attributes. Has anyone been down this road already? Thanks! Jon
  15. When I preview my forms, they look fine, but when embedded, the items inside dropdowns or listboxes look empty. There are still checkboxes and when the form is submitted the selected items do appear so this seems to be a display issue that my "wrapper" for Caspio (Webflow) is causing. The other text and input look fine. What CSS do I need to add/change to make them appear again? I tried adding an "Item" class with black text but that didn't do anything... URL: where you can see the issue: https://www.mage.town/add/company Thx!
  16. I've added a "Reset Search" button in a search page and wonder if it's possible to have the "Reset Search" button be on the same line as the "Search" button. I'm looking for something like figure A in the attached image. I know how to add an additional "Search" button thanks to this thread and I've come up with this code: <div align="center"> <input class="cbSearchButton" id="searchID1" name="searchID" type="submit" value="Search" /> <input class="resetButton" onclick="window.location='[my_URL]'" type="button" value="Reset Search" /> </div> However, though the above looks like what I'd like, I would then need a way to hide the original "Search" button, which I don't believe would be possible.
  17. Hi, I want to use the CASPIO styles on my wordpress site. The wordpress site comes with a pre-installed theme and has extensive CSS styles that are applied. Is there a way to force the CASPIO styles to be applied to my website and ignore the wordpress theme CSS. It seems like this should be relatively straightforward and many users have reported similar problems but i've not found a workable solution other than changing the original CSS file in the wordpress site. I've been editing this for weeks and everytime I edit one thing something else on the site breaks. It would be much simpler if I could just apply the CSS code for the CASPIO part of the site to the CASPIO elements and the other parts of the site would still use the wordpress CSS. Iframes are not an option as I am passing parameters. I've tried reseting styles in both wordpress and CASPIO and applying the CSS to each page of the wordpress site and to the header of the data page in CASPIO using these and similar reset styles http://html5doctor.com/html-5-reset-stylesheet/. I've used the !important parameter as well and this has had no effect. Please help! Scott
  18. Hello everyone, Does someone know how to dynamically change the font color of a text column in a tabular report? For instance, I have a field named Indicator and it is the second column in the report. If the text value is equal to "Final", the font color must be set to red. Thanks in advance. -dspolyglot
  19. Hi, I am going crazy with some grey lines now that I'm trying to launch. I ignored them since I thought it would be easy to fix once I came back to them. Boy, was I wrong. I do not know CSS much at all, so I'm sincerely hoping someone knows a fix. Thin grey lines surround and are inside all of my datapages. I write boxes below, but they're really lines. I am deployed on Wordpress, so I've gone about trying to eliminate what is causing them. I now believe this is related to some sort of default style with Wordpress, but not related to something defined in the actual CSS file since I've been deleted files and still having issues. I find it cannot be fixed with Caspio style, however, something in the Caspio code IS triggering these lines. I have included screenshots, look for the thin grey lines, perhaps related to Caspio using tables in its code? Based on various support pages elsewhere, it might be an outline and not a border. Trying to fix that didn't help. I am using Divi from Elegant Themes. It is not an Elegant Themes issue, since I tested with the theme twentythirteen. My site is at adjectivs.com. NO BOXES In Dreamweaver, completely new blank page, no CSS, embed the data page, NO boxes with iframe, no boxes appear With preview within Caspio generated preview, no boxes appear WITH BOXES Used Twentythirteen theme and the boxes appeared. deleted the whole css and rtl css files for twentythirteen and boxes appeared deleted the caspio plugin and boxes still appeared, then embedded and boxes appeared tried adding css to make outlines and border of div gone
  20. I have a datapage where I'm hiding some columns of calculated fields using CSS below. #target table:nth-of-type(2) td:nth-of-type(10) {display: none;} #target table:nth-of-type(2) th:nth-of-type(10) {display: none;} #target table:nth-of-type(2) td:nth-of-type(11) {display: none;} #target table:nth-of-type(2) th:nth-of-type(11) {display: none;} That works great, but it doesn't hide the columns in the aggregation rows so I have an overhang of dark grey in my table (see picture). I think the problem is that in the totals rows, text spans multiple columns, so it's not really column 10 and 11 I have to hide in these rows. Does anyone know how to target these cells and hide them?
  21. My problem is the Feedback tab style.element function is causing the height of the box to be 639 pixels. This causes the 639 pixel content area to spill over the one of the entry fields that I have, so that when the browser shows the "Feedback" tab to the left of the entry field, you cannot click on the field to enter information because the "Feedback" element.style is spilling over the entry field. Also, when a browser is opened in default size, the area of the screen immediately to the right of the Feedback button overlaps with the entry fields of my form too. How can I modify this "Feedback" tab so the content area is not 140x639 (which is what my Google Inspect feature shows the element styling to be.
  22. Hi all, Does anyone know how to make image responsive? There is a responsive code for image, but it doesn't work on datapage when you have an image. Thanks
  23. abitaquest

    Button gradients

    I've been customizing my default stylesheet for accessibility. I've modified my buttons so that they're very readable on desktops using all browsers I've tried. But when I load my forms from my phone, the buttons take on a weird gradient that gives a rounded appearance to the button. This is not what I want, as it's much less legible. Anyone know how to turn off this default for mobile devices ... or at least where the style is coming from? I don't see it anywhere in my CSS. Thanks!
  24. The style sheet (css) from my webpage removes all styling from my reports and forms. I can't work with iframes, there's just too much of a struggle to refresh data with multiple iframes deployed on one page (for me at least). My question is can I get my embedded deployed code to call the css style sheet from Caspio, instead of that of the webpage??? I've tried copying all the css into the webpage's style sheet, but for some reason my tables on this website appends a number at the end of of the css selector... for example: .cbFormLabel is now .cbFormLabel_23b221101fd7e9 I have no idea if my website software (Artisteer) is appending that, or if the host is.... I know just about enough about coding, to realize I have no idea what I'm doing, any help would be very much appreciated.
  25. I have submission form and when i put label position = left. the field/form element (could be a textfield, dropdown etc) will appear to the far right. Example: Expected result I am looking for Brand Type: <text field> What I see on caspio form Brand Type: <text field> How do I reduce the spacing between label and form element? I don't know where in the style is controlling the spacing. I need the table or container to be 100% as my page is suppose to be responsive page. Can anyone help?
×
×
  • Create New...