Jump to content
  • 0

Wordpress Deployment Overrides Caspio Settings



Dropdown Listboxes are  configured in Caspio to show 5 rows before scrolling is required.  Wordpress deployment only shows the first row before scrolling is required. 

This makes for an undesirable user experience and any help fixing it would be greatly appreciated. I prefer a solution that does not require using iFrames.

Top image is the Caspio configuration. Lower image is what it looks like on Wordpress.



Link to comment
Share on other sites

11 answers to this question

Recommended Posts

  • 0

Hello @glissando,


You may try adding this style in the Header of your DataDage configuration (HTML Editor disabled from the advanced tab).

  select[multiple] {
    height: 100% !important;

Note: If the form element is a Listbox, Setting the height to "100%" will follow the rows specified in Caspio(shown below). You may opt to set this value to a fixed value such as "100px" so your Listboxes are of uniform height.



Hope this helps.



Link to comment
Share on other sites

  • 0

In addition, if you wish to dynamically set the height of the listbox, you may add the code below on the Footer of your DataPage (HTML Editor disabled from the Advanced Tab).


The pre-requisites for this to work is that the CSS rule posted above is in your header, and that the "Allow multiselection" option is checked OR with some JavaScript, you have set your dropdowns to allow multiple selection.



document.addEventListener('DataPageReady', function() {

  document.querySelectorAll('select[multiple]').forEach(function(elem) {
	elem.size = elem.length;


Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...