You are here:   Support > User Forum
Register   |  Login

Invenmanager User Forum

Minimize
How to skin jquery pop-up?
Last Post 24 Jan 2011 09:30 AM by Alden Gannon. 30 Replies.
AddThis - Bookmarking and Sharing Button Printer Friendly
Sort:
PrevPrev NextNext
You are not authorized to post a reply.
Author Messages
Alden Gannon
Basic Member
Basic Member
Posts:284

--
23 Jun 2009 03:58 PM  
Gary,

I have begun skinning your calendar module. First of all, where are the styles for the jquery pop-up balloons?

Second, I ran into a limitation. Our design has a left-pointing graphic for the previous month and a right-pointing graphic background for the next month. But you use a single style for both called .evtNextPrev. Can I get these separated out so I can put one background image in .evtNext and another in .evtPrev?

I'll let you know if I run into anything else. I can understand using a table for the calendar, but using tables for the rows of header icons, dropdowns and search box is going to cause me trouble. Our design does not place these items at the head of the calendar. I would prefer these to be in divs so I could place them anywhere on the page. Specifically, everything above the days of the week should be outside the table.
Inven Manager
Senior Member
Senior Member
Posts:6765
Avatar

--
23 Jun 2009 04:07 PM  
Hi,

1. The style for the popup is in the eventcalendar.js at the /desktopmodules/eventscalendar/ directory.

2. I will see whether the next/previous button can use a different style or not...

3. Okay, I will change all that to a <div> for the buttons on the top.

I will try to incorporate those things in the coming release.
========================================
Delivering high value DotnetNuke Modules to save your time and resources
Alden Gannon
Basic Member
Basic Member
Posts:284

--
23 Jun 2009 05:58 PM  
Thanks Gary, found the js and that worked fine.

But don't hold up your release again for these other issues. I heard a collective groan from all your other customers ;-)

However, there is one definite showstopper we're waiting for before we can go live. Can you confirm that the IsPaid field will now be in the registration report? And that you create a registration entry in the report AFTER returning successfully from the payment gateway?

Right now anyone can gain free entry to our events simply by canceling out of paypal. The registration report used to check them in at the door shows they've registered and there's no way to tell they didn't pay. Has that been fixed in the new release? That one's a showstopper -- the skinning is a nice-to-have.

AldenG
Inven Manager
Senior Member
Senior Member
Posts:6765
Avatar

--
23 Jun 2009 07:09 PM  
Hi, Alden,

1. No worries, the skinning changes has been done already. It is just a minor change that does not take up to 10 minutes to fix it.

2. Yes. the ISPAID column is included in the Registration report now.
And we have now even gone one step further, you can set the registration as Pending, and it requires someone to approve it. (Optional base on setting)

So it shouldn't be an issue to include such features in the new release...
========================================
Delivering high value DotnetNuke Modules to save your time and resources
Alden Gannon
Basic Member
Basic Member
Posts:284

--
23 Jun 2009 09:55 PM  
Great! Next jquery issue...

Now I can't find where to skin the tooltips that come up when you pass over the icons at top. It looked like wz_tooltip.js, but I changed fonts and colors in the global settings in that file and nothing changed.

I changed these:

//////////////// GLOBAL TOOPTIP CONFIGURATION /////////////////////
var ttBgColor = "#F5F0D3";
var ttBorderColor = "#868775";
var ttFontFace = "helvetica,arial,sans-serif";
var ttWidth = 200;

Should that have worked?
Inven Manager
Senior Member
Senior Member
Posts:6765
Avatar

--
24 Jun 2009 03:17 AM  


That is rendered by the Beauty Tips scripts we used.

If you want to style the tooltips, you need to change the js in the /eventscalendar.js file.

You can find: jQuery('a.btnTop').bt({}), you need to specify the styles if you want to overrides the default one. I give you one example below, and you can change to that and see for yourself:

jQuery('a.btnTop').bt(
{
strokeStyle: '#aec8e8',
fill: '#fff',
strokeWidth: 2,
width: 400
}
)
========================================
Delivering high value DotnetNuke Modules to save your time and resources
Inven Manager
Senior Member
Senior Member
Posts:6765
Avatar

--
24 Jun 2009 03:19 AM  
I would like to see how your calendar looks like after putting in so much effort in skinning, would you mind sharing your site URL so that more visitors will be able to browse?
========================================
Delivering high value DotnetNuke Modules to save your time and resources
Alden Gannon
Basic Member
Basic Member
Posts:284

--
24 Jun 2009 04:09 AM  
Gary, that worked great.

Sure, you can take a peek, but it's a work in progress. I've only done the calendar view, so far, and I'm sure we will take it to the next level when you release the new markup that lets me get in there deeper.

Check out here: http://simsbeta.com/Calendar/tabid/60/vw/1/Default.aspx

The cool things are actually the satellite modules. Notice the medallion skin for the satellite module on the left column.

Now go to the home page: http://simsbeta.com/Home/tabid/37/Default.aspx

There are 2 satellite modules here, too. Look at the lists at bottom. Very nice rollover and click effects. Goes to show how versatile your satellite is. Great work.

AldenG
Inven Manager
Senior Member
Senior Member
Posts:6765
Avatar

--
24 Jun 2009 06:44 AM  
wow~~ it looks damn good! Cool!

The whole thing just blend into one, the feeling is so good and just want to stay on your site a little longer...

I can see how much effort you had put in on the website and kudos to you!

The one thing I noticed is the pop up when you click on the event title on the Calendar view, the background and border does not show up, untill you click somewhere inside the pop up ballon, you have any idea on this?

========================================
Delivering high value DotnetNuke Modules to save your time and resources
Inven Manager
Senior Member
Senior Member
Posts:6765
Avatar

--
24 Jun 2009 06:50 AM  
One more thing, when you modified the CSS, it is better to rename and save it as a different file name at the Main Settings page.

Otherwise, when you upgrade to a new version, the default.css file will be replaced.
========================================
Delivering high value DotnetNuke Modules to save your time and resources
Alden Gannon
Basic Member
Basic Member
Posts:284

--
24 Jun 2009 12:51 PM  
Gary, are you using IE8? I thought the pop-up issue was a known problem with IE8. See thread: http://www.invenmanager.com/Support/tabid/705/aff/3/aft/1197/afv/topic/Default.aspx

Yes, the calendar does not support IE8. Works fine in Firefox, Safari and IE7. Was hoping for a fix in your next version. Has the same behavior with your default skin. I'm on DNN5.0.1.

The calendar page uses portal-0-sims.css. I didn't bother to use this CSS on the home page satellites because I'm just picking up styles from skin.css.

AldenG
Alden Gannon
Basic Member
Basic Member
Posts:284

--
24 Jun 2009 12:56 PM  
Oh, one more thing. The jquery pop-ups use the title length from the calendar view. They should use the title length from the list view. You have a lot more space here to see the full title.
Alden Gannon
Basic Member
Basic Member
Posts:284

--
24 Jun 2009 01:10 PM  
Gary, regarding the IE8 bug, looks like here would be a good place to start: http://plugins.jquery.com/node/8601
Inven Manager
Senior Member
Senior Member
Posts:6765
Avatar

--
25 Jun 2009 05:15 PM  
Alden, thanks for your info, have tried that one too...

upgraded to latest version of Beauty Tips, as well as the excanvas thing, still same results. will test some more... Cheers!
========================================
Delivering high value DotnetNuke Modules to save your time and resources
Alden Gannon
Basic Member
Basic Member
Posts:284

--
27 Jun 2009 04:41 PM  
Gary, are you using excanvas r3? http://code.google.com/p/explorercanvas/

I checked and it's definitely loading this script in IE8. I have had trouble with JS scripts before in DNN that confllicted with other scripts on the page. If you're running the latest bt and excanvas scripts, then it might be a thorny issue.

I just finished skinning all these pop-ups, so I'd hate to lose them. I'll let you know if I find anything else.
Inven Manager
Senior Member
Senior Member
Posts:6765
Avatar

--
10 Jul 2009 06:53 AM  
Alden,

I just to inform you that the new version 3.0 is about to be released, and the jQuery problem on IE8 is SOLVED!

it can now render the proper background and radius corner in Standards compliance mode.

Thank you!
========================================
Delivering high value DotnetNuke Modules to save your time and resources
Alden Gannon
Basic Member
Basic Member
Posts:284

--
10 Jul 2009 12:33 PM  
This is great news! v3.0 is going to be a killer release!

AldenG
Doug Landrum
New Member
New Member
Posts:11

--
23 Aug 2009 03:49 PM  
I have a quick question about the mouse-over tool-tip on the tool bar... in the previous release it would disappear when you took the mouse away. Now the tool tip remains in place after you leave. Is this just an IE8 thing? Is there a way to make the tool tip go away after a second or so?
Inven Manager
Senior Member
Senior Member
Posts:6765
Avatar

--
23 Aug 2009 04:56 PM  
Yes, there is a way to change the behavior by changing the eventscalendar.js script.

Look for the following in the script for the behavior, it is easy to understand:
bt()
========================================
Delivering high value DotnetNuke Modules to save your time and resources
robax robax
Basic Member
Basic Member
Posts:124

--
02 Oct 2009 01:50 AM  
Yes excellent site that - all the modules are prefectly integrated. I've just been over at the DNN site competition looking to vote for the sites there, and I ended up only voting for just one out of the entire lot. I'd have voted for this site if it were there.
Inven Manager
Senior Member
Senior Member
Posts:6765
Avatar

--
02 Oct 2009 03:00 AM  
Rob,

Where is the DNN site competition?
========================================
Delivering high value DotnetNuke Modules to save your time and resources
robax robax
Basic Member
Basic Member
Posts:124

--
02 Oct 2009 03:24 AM  
Hi Gary,

It's over here:
http://www.dotnetnuke.com/News/OpenForce09/OpenForceCommunityChoiceAwards/Finalists/tabid/1382/Default.aspx

The voting is pretty goofy - you can't view the sites from the voting pages, so check them out on the main page first. It also separates US and Europe for some reason.

Rob
Eleatha Beare
New Member
New Member
Posts:12

--
08 Dec 2009 09:31 PM  
Hi. I just purchased v 3.1. EC & R. DNN 5.1.4. My tooltip balloons are still transparent in IE8. Your posts mention this is fixed. What can I do to get them to display?


www.diannejenkins.com.au


satellite is on:

http://www.diannejenkins.com.au/EducationHome/EventSchedule.aspx

calendar is on:
http://www.diannejenkins.com.au/EducationMenu/EventCalendar.aspx


Thanks
Inven Manager
Senior Member
Senior Member
Posts:6765
Avatar

--
09 Dec 2009 01:24 AM  
Eleatha,

Got your email, will take a look at it then let you know what's wrong.

thanks.
========================================
Delivering high value DotnetNuke Modules to save your time and resources
robax robax
Basic Member
Basic Member
Posts:124

--
09 Dec 2009 06:16 AM  
Eleatha, the tooltips look correct here in IE8.

The only thing wrong I can spot is that some of the text inside the little tooltips is white and hence can't be seen.That's because your skin.css is settting all p, div, ul, li, and td to color:#FFFFFF

You'll either need to re-colour those tags for the calendar, or create a whole new theme.
Rob
Inven Manager
Senior Member
Senior Member
Posts:6765
Avatar

--
10 Dec 2009 02:50 AM  
Yes, now Eleatha changed the CSS, and it looks fine.
========================================
Delivering high value DotnetNuke Modules to save your time and resources
Kristine Thayer
New Member
New Member
Posts:43

--
07 Dec 2010 08:22 AM  
Alden, would you mind sharing how you got the balloons to line up correctly? Mine have the text display about 1 inch to the left of the center of the balloona for all of our balloons. I wondered if it was an IE issue but your site looks beautiful in our IE Browser so there must be some more things you tweaked to get yours to look so great. Any suggestions would be greatly appreciated. What a great skinning job on your site! Thanks Kris
Inven Manager
Senior Member
Senior Member
Posts:6765
Avatar

--
07 Dec 2010 10:42 PM  
Kristine,

You are asking the right person.

Alden has done a good job on skinning, especially for his website: Seattle Meditation
========================================
Delivering high value DotnetNuke Modules to save your time and resources
Inven Manager
Senior Member
Senior Member
Posts:6765
Avatar

--
07 Dec 2010 10:44 PM  
Kristine,

You are asking the right person.

Alden has done a good job on skinning, especially for his website: Seattle Meditation.

By the way, Robert (another user of ECR module) has created a video intro for us, and he used one of your screen capture of your website in the video. Hope you are fine with that?
========================================
Delivering high value DotnetNuke Modules to save your time and resources
Inven Manager
Senior Member
Senior Member
Posts:6765
Avatar

--
08 Dec 2010 12:20 AM  
By the way, the video link is here:
http://www.invenmanager.com/Modules/EventCalendar/Overview.aspx
========================================
Delivering high value DotnetNuke Modules to save your time and resources
Alden Gannon
Basic Member
Basic Member
Posts:284

--
24 Jan 2011 09:30 AM  
Kristine,

Sorry, just saw your message. Thanks for your compliments about our SIMS site here: http://www.seattleinsight.org/Home/tabid/37/Default.aspx Let me know if you need any help. You can reach me here: http://www.sixfishrising.com/contact/

And if you liked that one, you ain't seen nothin'yet :-) I've got a new one in the works that is going to be awesome!

AldenG
You are not authorized to post a reply.

Active Forums 4.1