Jump to content
  • 0

Deploy report datapage with modal in Weebly - CSS/Java conflict



I have a report datpage deployed in a weebly site that is 100% width with vertical scroll using the Green std style

I recenlty added some modal popups to allow editing of records inline with a popup

However now that i added the modal code to the page header/footer and HTML block, my report datapage does not display correctly

The report is no longer 100% width, is not responsive and does not scroll.

The report and modal works perfectly in preview mode inside caspio and also the report datapage works without the modal code inbedded in the weebly page






Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

Hi Goodboy 


I tried adding this to the footer of the datapage which did not change anything I also tried the header of the datapage and also the header and footer of the weebly page 

I still have the same problem, tab report datapage is not full width and wont scroll down,  it keeps jumping back to the top



Link to comment
Share on other sites

  • 0

Hi @Corpcatalog - since you have mentioned that it works as expected when you preview it in Caspio, it seems that the code for the modal is conflicting with the code on your website and causing the report's width to not be 100%. Would you mind sending the URL to your website to inspect it directly and perhaps apply some CSS code that will overwrite the code of your website? 

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