Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Blocks disappear after adding a user control #2309

Open
jfre11 opened this issue Feb 23, 2023 · 0 comments
Open

Blocks disappear after adding a user control #2309

jfre11 opened this issue Feb 23, 2023 · 0 comments

Comments

@jfre11
Copy link

jfre11 commented Feb 23, 2023

Product & Version
Vanjaro V1.4 DNN 9.10.2

Describe the bug
I have a custom code that embeds our google reviews. The reviews display fine on a Vanjaro page. But then when I go to edit the page -- the blocks have disappeared. I can't go into naviagation etc ... just hangs.

To Reproduce
Steps to reproduce the behavior:

Here's the code.

                                                    <style type="text/css">
                                                    
                                                     
                                                    #map-plug {display:none;}
                                                    
                                                    #google-reviews {
                                                        padding-top:100px;
                                                    display:flex;
                                                    flex-wrap:wrap;
                                                    /*display: grid;
                                                    grid-template-columns: repeat( auto-fit, minmax(320px, 1fr));*/
                                                    }
                                                    
                                                    .review-item {
                                                    border:solid 1px rgba(190,190,190,.35);
                                                    margin:0 auto;
                                                    padding:1em;
                                                    flex: 1 1 20%;
                                                    }
                                                     
                                                    
                                                    .review-meta, .review-stars {text-align:center; font-size:115%;}
                                                    .review-author { text-transform: capitalize; font-weight:bold; }
                                                    .review-date {opacity:.6; display:block;}
                                                    .review-text {  line-height:1.55; text-align:left; max-width:32em; margin:auto;}
                                                    
                                                     
                                                    
                                                    .review-stars ul {
                                                    display: inline-block;
                                                    list-style: none !important;
                                                    margin:0; padding:0;
                                                    }
                                                    
                                                    .review-stars ul li {
                                                    float: left;
                                                    list-style: none !important;
                                                    margin-right: 1px;
                                                    line-height:1;
                                                    }
                                                    
                                                    .review-stars ul li i {
                                                      color: #E4B248;
                                                      font-size: 1.4em;
                                                      font-style:normal;
                                                    }
                                                    .review-stars ul li i.inactive { color: #c6c6c6;}
                                                    .star:after { content: "\2605"; }
                                                    
                                                    </style>
                                                     
                                                     
                                                     
                                                     
                                                    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>    
                                                 
                                                    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyATcu4j6NRwCUGYR0x-Hi9R6mUptaqA3bg&signed_in=true&libraries=places"></script>
                                                          <script src="../../js/google-places.js"></script>
                                                           
                                                     
                                                    
                                                    <div id="google-reviews">
                                                        
                                                    <script>
                                                        jQuery(document).ready(function ($) {
                                                            $("#google-reviews").googlePlaces({
                                                                placeId: 'ChIJ_TDRXXMm2YARXkMcsmYXpzk' //Find placeID @: 
                                                                 https://developers.google.com/places/place-id
                                                                , render: ['reviews']
                                                                , orderBy: ['Newest']
                                                                , showProfilePicture: true
                                                                , min_rating: 4
                                                                , max_rows: 4
                                                            });
                                                        });
                                                    
                                                    
                                                    </script> 
                                                    </div>

Expected behavior
Able to go into edit mode
Current behavior
Not able to be in edit mode

Screenshots
If applicable, add screen
errordoc.docx
shots to help explain your problem.

Additional context
Add any other context about the problem here including the Browser/OS version.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant