 |
|||||
|
As of December 1, 2020, Focal Point is retired and repurposed as a reference repository. We value the wealth of knowledge that's been shared here over the years. You'll continue to have access to this treasure trove of knowledge, for search purposes only. Join the TIBCO Community
Former myibi community members should have received an email on 8/3/22 to activate their user accounts to join the community. Check your Spam folder for the email. Please get in touch with us at community@tibco.com for further assistance. Reference the community FAQ to learn more about the community. | |||||
Focal Point 
Focal Point Forums WebFOCUS/FOCUS Forum on Focal Point [SOLVED] App Studio Calendar Control Issue
Focal Point Forums WebFOCUS/FOCUS Forum on Focal Point [SOLVED] App Studio Calendar Control Issue Read-Only TopicGo | Search | Notify | Tools |
| [SOLVED] App Studio Calendar Control Issue | Login/Join |
| Guru |
I'm having a problem with the calendar control in App Studio. One; it appears to be a lot larger than in Dev Studio. Two; I can't seem to find any setting that will bring the date picker in front of the report frame. I have right clicked on the frame and sent it to the back and right clicked on the calendar image to send it to the front. I've played with the Z index also. Nothing I do seems to be working. Anyone else have any ideas?? Thanks in advance! Calendar Control Issue - ImageThis message has been edited. Last edited by: <Kathryn Henning>, WebFOCUS Server 8.1.05 Windows 2008 Server WebFOCUS AppStudio 8.1.05 Windows 7 Professional IE 11 and Chrome Version 43.0.2357.124 m. Mostly HTML, PDF, Excel, and AHTML | ||
|
| Expert |
Hi Michele, I've tried this using App Studio 8.1.04 and do not have any issue. I created a report as TABLE FILE GGSALES ... WHERE DATE FROM ... TO ... and then used that as an external referenced report in a new HTML document. I changed the control type to "Calendar" from "Edit Box" on initial import and, as you can see from the screen shots, the calendar controls work fine.   T
| |||||||||
|
| Guru |
Thanks Tony. On first run of the launch page the calendar works great, however, when there is output in the iframe and then I click on the calendar again to pick a different date, the calendar is shoved behind the iframe for some reason. It's not ideal to reset the form everytime I want to pick a different date but that's the only way it seems to work for me. Here is what it looks like on the first use of the html page. First time used And why is it so huge?? WebFOCUS Server 8.1.05 Windows 2008 Server WebFOCUS AppStudio 8.1.05 Windows 7 Professional IE 11 and Chrome Version 43.0.2357.124 m. Mostly HTML, PDF, Excel, and AHTML | |||
|
| Expert |
Is there custom CSS being applied to the report in the iframe that might be causing the issue? Francis  Give me code, or give me retirement. In FOCUS since 1991 Production: WF 7.7.05M, Dev Studio, BID, MRE, WebSphere, DB2 / Test: WF 8.1.05M, App Studio, BI Portal, Report Caster, jQuery, HighCharts, Apache Tomcat, MS SQL Server | |||
|
| Guru |
Francis, We use a style sheet that we created on all of our reports. It basically sets the font and size etc for headings, footings, etc. I don't see anything that would affect this. Is there something in there I should be looking for? WebFOCUS Server 8.1.05 Windows 2008 Server WebFOCUS AppStudio 8.1.05 Windows 7 Professional IE 11 and Chrome Version 43.0.2357.124 m. Mostly HTML, PDF, Excel, and AHTML | |||
|
| Expert |
I would be inclined to use the developer tools for your browser and explore the DOM to see the styling that is causing the issue. Just search for a div with a class of "ui-datepicker". T
| |||||||||
|
| Expert |
You could try modifying the font-size on first loading. Add this to your embedded JavaScript to see if it helps. Change the size according to your needs - function onInitialUpdate() {
$(".ui-datepicker").css("font-size","7pt");
}Changing the size will grow/shrink the calendar div so no need to change margins, padding etc. T
| |||||||||
|
| Gold member |
Coincidence: Just today I opened a case because I noticed that when the calendar pops up, I can see the surrounding text boxes, radio buttons, etc., showing through! Tony: Thanks for the tip on changing font-size! Played around and settled on 10pt. Craig v8.1.04, 64-bit Windows (Reporting Server), Apache Tomcat (Web/App Server), HTML, PDF, AHTML, Excel outputs | |||
|
| Virtuoso |
Instead of adding this code to your launch-pages every time, you could also add it to your sites' standard CSS file (if you have such a thing):
.ui-datepicker { font-size: 7pt !important; }(The !important bit makes sure other applied styles can't override it) WebFOCUS 8.1.03, Windows 7-64/2008-64, IBM DB2/400, Oracle 11g & RDB, MS SQL-Server 2005, SAP, PostgreSQL 11, Output: HTML, PDF, Excel 2010 : Member of User Group Benelux : | |||
|
| Expert |
Craig, Glad it worked for you until you can find out what is causing the display problems. The only time I have seen display issues is when conflicting CSS has been introduced and the easiest way (I find) to locate the conflict is to use the browser developer tools. Obviously the best method of correcting the display problem is to identify the conflict and work it out so that future problems do not arise! T
| |||||||||
|
| Guru |
Tony A - You have any magic in your hat that I can use to always display the calendar? Instead of having to click the icon to display the calendar. WebFOCUS 8.1.05 | |||
|
| Expert |
Matt, Not something that I would recommend as there is only one "datepicker" div irrespective of how many calendar controls that you have. Although you could use the jQuery trigger event on the class of the calendar icon - $(".ui-datepicker-trigger").trigger("click");However, choosing a date will close the calendar popup of course! Edited: I need to mention that, if you have two or more calendar controls then each one will have an icon with the "ui-datepicker-trigger" class and this code will therefore cause the "click" event for each one. The downside of this is that if you close the calendar popup without choosing a date, the last day for the month and year in the popup will be used to populate the date text control. TThis message has been edited. Last edited by: Tony A,
| |||||||||
|
| Guru |
Tony - Thanks. That's not a bad idea. I only have a single calendar that refreshes the panels. To prevent it from not going away. I hid the calendar image by using JS
function onInitialUpdate()
{
var images=document.getElementsByTagName("img");
var numImages = images.length;
var i = 0;
for (i=0;i<numImages;i++){
if (images[i].src.indexOf("dynCalendar.gif")>0)
{
images[i].style.visibility = 'hidden';
}
}
$(".ui-datepicker-trigger").trigger("click");
}
Not sure if this is possible since it's a Gif, but I would like to move the mouse over from the actual calendar to the gif to refresh the pages in the portal. But.... all this new task and animations is all under the covers. Any thoughts?  WebFOCUS 8.1.05 | |||
|
| Expert |
Hi Matt, The only thing that I would suggest is that, if the normal function of "out-of-the-box" controls isn't doing what you need it to, then you need to look at building your own. Not that you couldn't (potentially) accomplish what you need to do by altering or over-riding functions, more a case of future expectations in an upgrade. If you mess with the designed processes then do not expect them to work in future. If you "grow your own" then you (again potentially) have more control over the function. Changing simple things such as styling by overriding attribute values via JavaScript is one thing, but changing the complete functioning of mouse overs and triggers needs to be thought about very deeply! T
| |||||||||
|
| Guru |
Thank you so much Tony for the code. I was having a time trying to get the date picker to appear smaller. This worked perfect!
WebFOCUS Server 8.1.05 Windows 2008 Server WebFOCUS AppStudio 8.1.05 Windows 7 Professional IE 11 and Chrome Version 43.0.2357.124 m. Mostly HTML, PDF, Excel, and AHTML | |||
|
| Expert |
Good to know that it helped  I would still be inclined to try and identify what styling is causing the conflict though using browser developer tools. Also, check out the suggestion by WEP to make a global change in case you have more than one HTML page affected. T
| |||||||||
|
| Guru |
Tony - Thanks for the help. I opened a NFR yesterday to get an Onchange event to work on the calendar control. The event works if you change the edit box, but not the calendar. I prefer not to go too custom on things. WebFOCUS 8.1.05 | |||
|
| Expert |
Matt, you are most welcome - hope that you get it to do what you need! T
| |||||||||
|
| Powered by Social Strata |
 | Please Wait. Your request is being processed... |
Read-Only TopicFocal Point Focal Point Forums WebFOCUS/FOCUS Forum on Focal Point [SOLVED] App Studio Calendar Control Issue
Focal Point Forums WebFOCUS/FOCUS Forum on Focal Point [SOLVED] App Studio Calendar Control IssueCopyright © 1996-2020 Information Builders
| View $GS_USERNAME's Public Profile |
| Add $GS_USERNAME to my Ignore List |
| View Recent Posts by $GS_USERNAME |
| Notify me of New Posts by $GS_USERNAME |