Jump to content

Search the Community

Showing results for tags 'css'.

  • 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

  1. 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!
  2. I'd like to make the format of my list report look nicer, how can I do this? Specifically, I'd like to be able to highlight every other row of data (not data cell) and align the labels and the data so that they are directly underneath each other. Edit: Additionally, it would be nice if I could have conditional formatting on the data so that if it is below the goal, the text turns red and if it's at or above the goal the text turns green. The data cells are using calculated fields. Is there a way I can do this conditional formatting in an HTML block that references the calculated field?
  3. I'd like to have a colored table that can highlight past due items. This is the code I have in an HTML block that highlights the row of past due dates and turns the font color red. <div id="visi[@field:lines_Line_Number]">[@field:dates_Customer_Expected_Date*]</div> <script> var isi = document.getElementById("visi[@field:lines_Line_Number]"); if('[@field:dates_Customer_Expected_Date*]' < '[@cbTimestamp*]'){ isi.parentNode.parentNode.style.backgroundColor = 'yellow'; //background color isi.style.color="red"; //font color } else{ isi.parentNode.parentNode.style.backgroundColor = '#NoColor'; } </script> Meanwhile, this is part of the color I have in my header that turns the column headers and background different colors. style type="text/css">[class*=cbResultSetHeaderCell]:nth-child(1) { background: #3377FF !important; } td[class*="cbResultSetData"]:nth-of-type(1){ background-color: #4D88FF !important; } [class*=cbResultSetHeaderCell]:nth-child(2) { background: #1966FF !important; } td[class*="cbResultSetData"]:nth-of-type(2){ background-color: #3377FF !important; } [class*=cbResultSetHeaderCell]:nth-child(3) { background: #0055FF !important; } td[class*="cbResultSetData"]:nth-of-type(3){ background-color: #1966FF !important; } [class*=cbResultSetHeaderCell]:nth-child(4) { background: #cc0000 !important; } td[class*="cbResultSetData"]:nth-of-type(4){ background-color: #E60000 !important; } [class*=cbResultSetHeaderCell]:nth-child(5) { background: #cc0000 !important; } Here is the result of this code: Clearly, the highlight works as it applies to uncolored columns. How do I alter the code so that the highlight is prioritized and will override any existing color?
  4. I have a VERY large table and after some number of columns, the vertical headers get out of alignment by a bit. (The date is supposed to be under "FAT Due" and the blank space under "Assembly Due") Here is the code I'm using: <style type="text/css"> [class*="cbResultSetHeaderCell"]{ text-align:center !important; vertical-align:center !important; } .cbResultSetLabel:nth-child(35),.cbResultSetLabel:nth-child(36),.cbResultSetLabel:nth-child(37),.cbResultSetLabel:nth-child(39),.cbResultSetLabel:nth-child(40),.cbResultSetLabel:nth-child(41),.cbResultSetLabel:nth-child(42),.cbResultSetLabel:nth-child(43),.cbResultSetLabel:nth-child(44),.cbResultSetLabel:nth-child(46),.cbResultSetLabel:nth-child(47),.cbResultSetLabel:nth-child(48),.cbResultSetLabel:nth-child(49),.cbResultSetLabel:nth-child(50),.cbResultSetLabel:nth-child(51),.cbResultSetLabel:nth-child(52),.cbResultSetLabel:nth-child(53),.cbResultSetLabel:nth-child(54),.cbResultSetLabel:nth-child(55),.cbResultSetLabel:nth-child(56),.cbResultSetLabel:nth-child(57),.cbResultSetLabel:nth-child(58),.cbResultSetLabel:nth-child(59),.cbResultSetLabel:nth-child(61),.cbResultSetLabel:nth-child(62),.cbResultSetLabel:nth-child(63),.cbResultSetLabel:nth-child(64),.cbResultSetLabel:nth-child(65),.cbResultSetLabel:nth-child(66),.cbResultSetLabel:nth-child(67),.cbResultSetLabel:nth-child(68),.cbResultSetLabel:nth-child(69),.cbResultSetLabel:nth-child(70),.cbResultSetLabel:nth-child(71),.cbResultSetLabel:nth-child(72),.cbResultSetLabel:nth-child(73),.cbResultSetLabel:nth-child(75),.cbResultSetLabel:nth-child(76),.cbResultSetLabel:nth-child(77),.cbResultSetLabel:nth-child(78),.cbResultSetLabel:nth-child(79),.cbResultSetLabel:nth-child(80),.cbResultSetLabel:nth-child(81),.cbResultSetLabel:nth-child(82),.cbResultSetLabel:nth-child(83),.cbResultSetLabel:nth-child(84),.cbResultSetLabel:nth-child(86),.cbResultSetLabel:nth-child(87),.cbResultSetLabel:nth-child(88),.cbResultSetLabel:nth-child(89),.cbResultSetLabel:nth-child(90),.cbResultSetLabel:nth-child(92),.cbResultSetLabel:nth-child(93),.cbResultSetLabel:nth-child(94),.cbResultSetLabel:nth-child(95),.cbResultSetLabel:nth-child(97),.cbResultSetLabel:nth-child(98),.cbResultSetLabel:nth-child(99),.cbResultSetLabel:nth-child(100) { writing-mode:vertical-rl; white-space: pre; transform: rotate(180deg); border:none; } </style> It transforms 60+ columns. Any ideas on how to fix this?
  5. I'd like to have different colors for some of my column headers so that I can group them together. How can I do this?
  6. I want to change the color of an entire column. No conditionals necessary.
  7. I have a search and report datapage that when deployed on most Wordpress websites functions properly. On one wordpress website that uses (Theme X) the radio buttons are not displaying on the same line. In the datapage it is set to display "multiple options per line". The hint images are also displaying on the line under the label. I believe I need to enter custom css into the style in order to make the radio buttons display multiple options per line and the hint images to stay on the same line. What css can be used? Here is the app functioning with the issues when deployed: https://www.mtpca.org/behavioral-health-directory/ Here is the app functioning properly when deployed: https://wimtracking.com/thebrightapp/
  8. Hello guys, Hope you are doing well. Please can any help me to center my image in website because i tried a lot i used margin auto 0px too? any one does have any solution to center my image?
  9. I know that there are jquery tools used to completely customize standard form elements such as checkboxes, radio buttons, and dropdown menus. Are there any scripts and ways of styling them in Caspio? If so, what's the easiest way to go about doing it?
  10. 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.
  11. Hi, I would like to hide fields properly in the new responsive code. I've been enclosing fields via HTML Block via <table style="display:none"> Field1 Field2 </table> to hide my fields but with the new responsive feature enabled. It is not hiding the fields properly. Any thoughts/suggestions on this?
  12. Hi Is there a way of modifying data labels in a pie chart? I want to have a red glow on the text 2 and 4 or change font size.
  13. I have a chart and I need some more space between its axis title and the drawing itself. However, I cannot see any option to customise that.
  14. 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
  15. 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?
  16. 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
  17. 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!
  18. 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.
  19. 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
  20. 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; }
  21. 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?
  22. 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?
  23. 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>
  24. 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.
  25. 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
×
×
  • Create New...