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


Found 28 results

  1. 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>
  2. 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.
  3. 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
  4. 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
  5. jhanajc

    w3.css framework stylesheet

    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
  6. 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!
  7. 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.
  8. scottknz

    Force CASPIO CSS Styles

    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
  9. 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
  10. 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
  11. 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?
  12. 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.
  13. 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
  14. 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!
  15. 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.
  16. 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?
  17. ezIQchad

    External Stylesheet

    Hello, This is not a question, but some may find this info useful. If you are using an external stylesheet, be sure to load your Caspio javascript prior to the linked CSS file. The script should come before <script type="text/javascript" src="https://**.caspio.com/scripts/e1.js"></script> the stylesheet <link href="style/sk.css" rel="stylesheet" type="text/css">
  18. It seems that Wordpress CSS rules are taking precedent over Caspio CSS rules. How can this be fixed?
  19. Hi Caspians, I'd like to have a report with a link in the HTML block. But when i mouse over the link, I'd like to view Image related to the Field. Is it possible? Michelle
  20. I have a Results/Details datapage with <h3>User Details</h3> in the header and a Tabular Report datapage embedded on the same HTML page., both using "Modern Blue" Style. I would like to have the “h3” banner in the Details page replicate the look of the tabular report header with a blue ribbon background and the field lettering in white. I realize that a tabular report is just that a table, but where can I view and change the css styles used for the table? I am in hopes that there is a quick HTML/ CSS trick, I can put in the header along with the h3 tags to accomplish table header look. All help and suggestions are Greatly appreciated.
  21. I'm following along with this tutorial in the Caspio Online Help Center: Add Rounded Borders to the Form and Fields. I'm able to get rounded corners, but I'd like to also adjust the shape of the box that appears when you bring a field into focus, or click your mouse cursor into the field. Is it possible to change that in the CSS as well?
  22. I found that I can hide table elements based on HTML5 data attribute values. This solves a shortcoming of Caspio datapage configuration options: If you have a datapage that uses Inline Insert, you will find that you must choose between allowing a field to be editable on Insert, and allowing a field to be editable on Edit. In my case, I wanted to allow Inserts with a date, but once the record was there, I didn't want the date to ever change. When you enable Inline Insert, you don't have this ability, because if you disable editing the date, then one can't Insert new records with a date. However, a unique HTML5 data attribute=name, value=InlineEdityourFieldName is only applied to rows opened for editing, not on the Insert row, so we can use the attribute and value combo as a css selector to target Edits and not Inserts. Here I add the class "hideDateEdit" to matches for my selector, then inline a style to hide that class. Actually, I'm adding the class to the parentNode of my match, so that the contents of the whole cell are hidden, in this case, the date's text input, as well as the adjacent calendar img for the popup calendar function. <SCRIPT LANGUAGE="JavaScript"> var elems = document.querySelectorAll('input[name=InlineEditDates_Date]'); for (var i=0, m=elems.length; i<m; i++) { elems.parentNode.className = "hideDateEdit"; } </SCRIPT> <style type="text/css">.hideDateEdit { display: none; } </style>
  23. I can't figure out a javascript to disable this checkbox, to the left of the Yes group. The script must check for Yes, because sometimes only the (blank) group exists, and sometimes only (blank) and Yes, and sometimes (blank) No and Yes. Can't use CSS as far as I can tell. The goal is to prevent the mass-selection of Yes records. I tried using some javascript browser addons to find an appropriate selector, but was my first time using and no luck. I also tried using .prev() in jQuery, but now I don't think the checkbox is a sibling. I tried modifying the code used to conditionally format rows, but those are inserted into HTML blocks for records, and so can't operate on Group rows. Thanks in advance!
  24. Hi everyone, I want to apply different CSS styles in different browsers. Is it possible? Thank you for your time!
  25. 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
×