Why do parts boxes move off screen?
Options
I am using BBNC to create templates and pages for a client within their CMS. For some reason the margins for the popup boxes of parts move erratically when I click the "parts" box in my templates. It seems that the positioning of the popup box is tied to the margins of the page itself. I was only able to get the parts boxes to appear by using Firebug and altering the "top" and "left" css properties to get them to appear where they are supposed to.
I am at the end of my rope with this and there don't seem to be any easily accessible answers. Help!
I am at the end of my rope with this and there don't seem to be any easily accessible answers. Help!
Tagged:
0
Comments
-
Hey Jose!
If you're able to do this in FireBug, let's just actually add whatever you do in there to the stylesheet so it stays. We can edit the stylesheet under Site Explorer, Stylesheets.
I've also got case 11361970 open for this. If you need more please give us a call with that case number, or let me know here if you want me to have someone call you.0 -
The styles that I alter in FireBug to get the popup boxes to behave are inline styles and cannot be affected by what I put in the stylesheet. If you have a css selector that will affect only the popup part boxes that would be very helpful.0
-
When I look at this window in FireBug, I see the class DesignPane DesignPanePageHover referenced. Do you have this class? What happens if you add some appropriate stylings to that class?0
-
Thank you for following up.
Unfortunately the selectors you gave only reference the parts pane that houses the parts button. The DesignPane is where the parts button exists on the template. This I do not have a problem with. I can locate the parts button fine, and they position as I specified them in the layout.
It is the parts Popup panel that is the problem, this is where one inserts, edits or cuts parts. This Popup element only has inline styles, no classes or id's. The problem persists.0 -
Hi Jose, there are two ways to address this, or at least this is how we do it for our customers when we build the sites:
1. JAVASCRIPT - add this to the bottom of your layout. I suggest you copy your layout and test this in the copy. (Note: This is not "supported" by our Support team):
<script type="text/javascript">
var bbpage = Sys.WebForms.PageRequestManager.getInstance();
function fixPositioning()
{
$('div[id$=_panelPopup]').appendTo('body');
$('div[id$=_panelPopup_DropShadow]').appendTo('body');
};
bbpage.add_pageLoaded(function(){
fixPositioning();
});
</script>
2. CSS - add to end of your style sheet, completing your selector between the ] and { as needed, based on what you are targeting:
form[action*="pagedesign"] {
/* your CSS here */
}
For example:
form[action*="pagedesign"] .DesignPane {
/* your CSS here */
}
I'd start with the CSS option first.
Jono Young
Interactive Design Principal - Professional Services0 -
Thank you for the reply. I am sure both your above methods work. However, I tried the CSS solution you gave and experience no result. Ultimately, through a bit of research, I found that I could override inline styles by including "!important" in the style rules for the popup panes. This finally did the trick. I realize that this method does not work for IE6, but less than 1% seem to be using that browser so I am willing to live with that.
For anyone out there that has this problem, this is what the CSS looks like to fix the problem. Listed are the style rules for the first five popup panes:
#pane1_ctl01_panelPopup {left:0px !important;top:20px !important;}
#pane2_ctl01_panelPopup {left:0px !important;top:20px !important;}
#pane3_ctl01_panelPopup {left:0px !important;top:20px !important;}
#pane4_ctl01_panelPopup {left:0px !important;top:20px !important;}
#pane5_ctl01_panelPopup {left:0px !important;top:20px !important;}0
Categories
- All Categories
- Shannon parent
- shannon 2
- shannon 1
- 21 Advocacy DC Users Group
- 14 BBCRM PAG Discussions
- 89 High Education Program Advisory Group (HE PAG)
- 28 Luminate CRM DC Users Group
- 8 DC Luminate CRM Users Group
- Luminate PAG
- 5.9K Blackbaud Altru®
- 58 Blackbaud Award Management™ and Blackbaud Stewardship Management™
- 409 bbcon®
- 2.1K Blackbaud CRM™ and Blackbaud Internet Solutions™
- donorCentrics®
- 1.1K Blackbaud eTapestry®
- 2.8K Blackbaud Financial Edge NXT®
- 1.1K Blackbaud Grantmaking™
- 527 Education Management Solutions for Higher Education
- 1 JustGiving® from Blackbaud®
- 4.6K Education Management Solutions for K-12 Schools
- Blackbaud Luminate Online & Blackbaud TeamRaiser
- 16.4K Blackbaud Raiser's Edge NXT®
- 4.1K SKY Developer
- 547 ResearchPoint™
- 151 Blackbaud Tuition Management™
- 1 YourCause® from Blackbaud®
- 61 everydayhero
- 3 Campaign Ideas
- 58 General Discussion
- 115 Blackbaud ID
- 87 K-12 Blackbaud ID
- 6 Admin Console
- 949 Organizational Best Practices
- 353 The Tap (Just for Fun)
- 235 Blackbaud Community Feedback Forum
- 55 Admissions Event Management EAP
- 18 MobilePay Terminal + BBID Canada EAP
- 36 EAP for New Email Campaigns Experience in Blackbaud Luminate Online®
- 109 EAP for 360 Student Profile in Blackbaud Student Information System
- 41 EAP for Assessment Builder in Blackbaud Learning Management System™
- 9 Technical Preview for SKY API for Blackbaud CRM™ and Blackbaud Altru®
- 55 Community Advisory Group
- 46 Blackbaud Community Ideas
- 26 Blackbaud Community Challenges
- 7 Security Testing Forum
- 1.1K ARCHIVED FORUMS | Inactive and/or Completed EAPs
- 3 Blackbaud Staff Discussions
- 7.7K ARCHIVED FORUM CATEGORY [ID 304]
- 1 Blackbaud Partners Discussions
- 1 Blackbaud Giving Search™
- 35 EAP Student Assignment Details and Assignment Center
- 39 EAP Core - Roles and Tasks
- 59 Blackbaud Community All-Stars Discussions
- 20 Blackbaud Raiser's Edge NXT® Online Giving EAP
- Diocesan Blackbaud Raiser’s Edge NXT® User’s Group
- 2 Blackbaud Consultant’s Community
- 43 End of Term Grade Entry EAP
- 92 EAP for Query in Blackbaud Raiser's Edge NXT®
- 38 Standard Reports for Blackbaud Raiser's Edge NXT® EAP
- 12 Payments Assistant for Blackbaud Financial Edge NXT® EAP
- 6 Ask an All Star (Austen Brown)
- 8 Ask an All-Star Alex Wong (Blackbaud Raiser's Edge NXT®)
- 1 Ask an All-Star Alex Wong (Blackbaud Financial Edge NXT®)
- 6 Ask an All-Star (Christine Robertson)
- 21 Ask an Expert (Anthony Gallo)
- Blackbaud Francophone Group
- 22 Ask an Expert (David Springer)
- 4 Raiser's Edge NXT PowerUp Challenge #1 (Query)
- 6 Ask an All-Star Sunshine Reinken Watson and Carlene Johnson
- 4 Raiser's Edge NXT PowerUp Challenge: Events
- 14 Ask an All-Star (Elizabeth Johnson)
- 7 Ask an Expert (Stephen Churchill)
- 2025 ARCHIVED FORUM POSTS
- 322 ARCHIVED | Financial Edge® Tips and Tricks
- 164 ARCHIVED | Raiser's Edge® Blog
- 300 ARCHIVED | Raiser's Edge® Blog
- 441 ARCHIVED | Blackbaud Altru® Tips and Tricks
- 66 ARCHIVED | Blackbaud NetCommunity™ Blog
- 211 ARCHIVED | Blackbaud Target Analytics® Tips and Tricks
- 47 Blackbaud CRM Higher Ed Product Advisory Group (HE PAG)
- Luminate CRM DC Users Group
- 225 ARCHIVED | Blackbaud eTapestry® Tips and Tricks
- 1 Blackbaud eTapestry® Know How Blog
- 19 Blackbaud CRM Product Advisory Group (BBCRM PAG)
- 1 Blackbaud K-12 Education Solutions™ Blog
- 280 ARCHIVED | Mixed Community Announcements
- 3 ARCHIVED | Blackbaud Corporations™ & Blackbaud Foundations™ Hosting Status
- 1 npEngage
- 24 ARCHIVED | K-12 Announcements
- 15 ARCHIVED | FIMS Host*Net Hosting Status
- 23 ARCHIVED | Blackbaud Outcomes & Online Applications (IGAM) Hosting Status
- 22 ARCHIVED | Blackbaud DonorCentral Hosting Status
- 14 ARCHIVED | Blackbaud Grantmaking™ UK Hosting Status
- 117 ARCHIVED | Blackbaud CRM™ and Blackbaud Internet Solutions™ Announcements
- 50 Blackbaud NetCommunity™ Blog
- 169 ARCHIVED | Blackbaud Grantmaking™ Tips and Tricks
- Advocacy DC Users Group
- 718 Community News
- Blackbaud Altru® Hosting Status
- 104 ARCHIVED | Member Spotlight
- 145 ARCHIVED | Hosting Blog
- 149 JustGiving® from Blackbaud® Blog
- 97 ARCHIVED | bbcon® Blogs
- 19 ARCHIVED | Blackbaud Luminate CRM™ Announcements
- 161 Luminate Advocacy News
- 187 Organizational Best Practices Blog
- 67 everydayhero Blog
- 52 Blackbaud SKY® Reporting Announcements
- 17 ARCHIVED | Blackbaud SKY® Reporting for K-12 Announcements
- 3 Luminate Online Product Advisory Group (LO PAG)
- 81 ARCHIVED | JustGiving® from Blackbaud® Tips and Tricks
- 1 ARCHIVED | K-12 Conference Blog
- Blackbaud Church Management™ Announcements
- ARCHIVED | Blackbaud Award Management™ and Blackbaud Stewardship Management™ Announcements
- 1 Blackbaud Peer-to-Peer Fundraising™, Powered by JustGiving® Blogs
- 39 Tips, Tricks, and Timesavers!
- 56 Blackbaud Church Management™ Resources
- 154 Blackbaud Church Management™ Announcements
- 1 ARCHIVED | Blackbaud Church Management™ Tips and Tricks
- 11 ARCHIVED | Blackbaud Higher Education Solutions™ Announcements
- 7 ARCHIVED | Blackbaud Guided Fundraising™ Blog
- 2 Blackbaud Fundraiser Performance Management™ Blog
- 9 Foundations Events and Content
- 14 ARCHIVED | Blog Posts
- 2 ARCHIVED | Blackbaud FIMS™ Announcement and Tips
- 59 Blackbaud Partner Announcements
- 10 ARCHIVED | Blackbaud Impact Edge™ EAP Blogs
- 1 Community Help Blogs
- Diocesan Blackbaud Raiser’s Edge NXT® Users' Group
- Blackbaud Consultant’s Community
- Blackbaud Francophone Group
- 1 BLOG ARCHIVE CATEGORY
- Blackbaud Community™ Discussions
- 8.3K Blackbaud Luminate Online® & Blackbaud TeamRaiser® Discussions
- 5.7K Jobs Board