tag:blogger.com,1999:blog-34020393.post4480843863830450462..comments2024-03-27T10:59:38.307-07:00Comments on Jim's PeopleSoft Journal: 10 PeopleSoft Interaction Hub CSS TricksJim Marionhttp://www.blogger.com/profile/12995110203807924786noreply@blogger.comBlogger31125tag:blogger.com,1999:blog-34020393.post-7295982109875171122015-12-15T01:47:08.927-08:002015-12-15T01:47:08.927-08:00Thanks Jim did that and it is bug. Thanks for the ...Thanks Jim did that and it is bug. Thanks for the help.<br /><br />Regards,<br />AshwinAnonymoushttps://www.blogger.com/profile/04431258336276862697noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-14620963461675048462015-12-14T09:58:23.793-08:002015-12-14T09:58:23.793-08:00@Ashwin, I suggest filing a support case. That doe...@Ashwin, I suggest filing a support case. That doesn't seem right.Jim Marionhttps://www.blogger.com/profile/12995110203807924786noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-21504973344546795902015-12-10T08:21:11.433-08:002015-12-10T08:21:11.433-08:00Also if we open B first after cleaning cache and t...Also if we open B first after cleaning cache and then A. then A doesn't work correctly and B works correctly.<br /><br />So which is opened 1st gets stuck for second as well.<br /><br />Anonymoushttps://www.blogger.com/profile/04431258336276862697noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-84082737103812930512015-12-10T08:05:58.334-08:002015-12-10T08:05:58.334-08:00Hi Jim,
We have multiple web server domains and f...Hi Jim,<br /><br />We have multiple web server domains and for a custom Stylesheet and object, the CSS created in correct cache folder is not pointing to correct web server cache folder. <br /><br />We are using following type of code in PeopleSoft Style sheet.<br /><br />.jp-play {<br /> background: rgba(0, 0, 0, 0) url(%Image(Z_JPLAYER_CONTROL)) no-repeat scroll 0% 0%;<br /> height: 40px;<br /> width: 40px;<br />}<br /><br />We test the object 1st in A web sever and then B. the style sheet in cache of B is also pointing to the images of A.<br /><br />While everything works as expected in A as this is pointing to correct cache folder and images in it.<br /><br />Your help is much appreciated.<br /><br />AshwinAnonymoushttps://www.blogger.com/profile/04431258336276862697noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-75357307711917285842015-06-03T07:47:19.000-07:002015-06-03T07:47:19.000-07:00Thanks Jim, this article was very much helpful to ...Thanks Jim, this article was very much helpful to fix one of my issue.venky2202https://www.blogger.com/profile/12606509570013777601noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-62937716649608627092015-05-05T13:31:12.952-07:002015-05-05T13:31:12.952-07:00Jim,
How can I disable Navigation on Portal Home p...Jim,<br />How can I disable Navigation on Portal Home page. trying to create own Menu and delivered menu is conflicting<br /><br />Thank you help !Anonymoushttps://www.blogger.com/profile/04640734816101817886noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-13867056950043752842015-04-14T22:47:14.774-07:002015-04-14T22:47:14.774-07:00@Ravinder, I have handled this by wrapping the hea...@Ravinder, I have handled this by wrapping the header bind in a div, and then setting the div's display to none.Jim Marionhttps://www.blogger.com/profile/12995110203807924786noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-21390596093214852142015-04-14T22:30:02.050-07:002015-04-14T22:30:02.050-07:00Jim,
I am trying to create a new Header and remove...Jim,<br />I am trying to create a new Header and remove every thing from PeopleSoft. Was able to create new one, however I am not able to remove navigation bar at top, (drop down list Favorites) in IHUB. Can you suggest I am missing any thing. Anonymoushttps://www.blogger.com/profile/04640734816101817886noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-32316849132991721502015-01-22T06:36:32.783-08:002015-01-22T06:36:32.783-08:00@Jowe, I am not aware of an option for that.@Jowe, I am not aware of an option for that.Jim Marionhttps://www.blogger.com/profile/12995110203807924786noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-7593288094175833992015-01-19T02:51:39.284-08:002015-01-19T02:51:39.284-08:00Hi Jim,
I was wondering if it's possible to s...Hi Jim,<br /><br />I was wondering if it's possible to set the Pagelet in the homepage to a default of collapsed state?<br /><br />thanks<br />joweAunty Jowehttps://www.blogger.com/profile/07070261447125407400noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-48207236541293394252014-05-19T16:30:01.266-07:002014-05-19T16:30:01.266-07:00@Steve, ah yes... that is a frustrating problem. T...@Steve, ah yes... that is a frustrating problem. There are two solutions. One I recommend, and one I use as a LAST resort. I recommend using a stronger selector. Notice that my selectors above have multiple items in the CSS path. For example: #ptpglts .ptpagelet .EOPP_SCSECTIONCONTENT. The most qualified selector wins. You just have to make your selector more specific. PeopleSoft delivered CSS only uses a single path class selector. Just add one more item to your selector and you win.<br /><br />The one I don't recommend is adding !important after each declaration. It works, but it basically eliminates all future attempts to override that definition.Jim Marionhttps://www.blogger.com/profile/12995110203807924786noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-44426380597802980272014-05-19T14:45:31.588-07:002014-05-19T14:45:31.588-07:00Jim,
How do you prevent Portal CSS from beaning o...Jim,<br /><br />How do you prevent Portal CSS from beaning overwritten by content provider CSS. <br /><br />I added this to my custom FreeForm Sub Style Sheet in Portal.<br />.EOPP_SCSECTIONCONTENT {<br />border-style:none;<br />}<br />.EOPP_SCSECTIONFOLDER {<br />border-style:none;<br />}<br />I don't want to customize Content provider CSS.Anonymoushttps://www.blogger.com/profile/04723111123568452447noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-83257682478388759132014-04-12T04:16:35.725-07:002014-04-12T04:16:35.725-07:00Themes have weight, so you could make the default ...Themes have weight, so you could make the default theme be the one with the hidden menu and then make a super user role and theme and assign that to the super users (progressive enhancement).<br />Anonymoushttps://www.blogger.com/profile/17749718738736459340noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-63059757147099407972014-03-27T14:38:53.103-07:002014-03-27T14:38:53.103-07:00@Ken, that is a good question. I don't believe...@Ken, that is a good question. I don't believe you can remove the "Main Menu" link based on role. I believe that as long as you have access to menu items, you will have that link. And if you remove access to all menu items, then you would basically remove access to the PeopleSoft application, and then what would be the point?<br /><br />An alternative is to use CSS to hide the menu in a particular theme. Then you use role based branding to assign that theme to users. Themes have weight, so you could make the default theme be the one with the hidden menu and then make a super user role and theme and assign that to the super users (progressive enhancement).<br /><br />I wouldn't think there would be any security concerns with this approach because you aren't giving users access to anything they don't already have. If some hacker figures out how to use Firebug or IE developer tools to change the menu to display: block, then that just gives the user another navigation path. True security would involve removing permissions at the component level, and that would remove the items from the menu.Jim Marionhttps://www.blogger.com/profile/12995110203807924786noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-40715413393996854762014-03-27T12:55:58.431-07:002014-03-27T12:55:58.431-07:00I am implementing the interaction hub and am wonde...I am implementing the interaction hub and am wondering the best way take off the "Main Menu" link across the bottom of the header via a security role. We only want to show it to our Super Users.Ken Flormanhttps://www.blogger.com/profile/08685991121543126710noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-19081893899180288022014-02-14T11:05:04.601-08:002014-02-14T11:05:04.601-08:00Hi Jim
Yes, the %NodePortalUrl is not delivered. ...Hi Jim<br /><br />Yes, the %NodePortalUrl is not delivered. It is the custom transformation which can make the migration easier.<br /><br />I implemented a jQuery plugin – dataTables to my Pagelet in order to improve the “sortability” and “searchability”. However, the dataTables delivered CSS doesn’t inline to the PeopleSoft style. Therefore, I need to customize the CSS to make the dataTables looks similar to a normal PS Pagelet.<br /><br />The branding iScripts work perfect in my case. Thank you for your documents!<br />Anonymoushttps://www.blogger.com/profile/12707121959043031764noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-22695975704170474272014-02-11T12:58:09.875-08:002014-02-11T12:58:09.875-08:00@Kenny, %NodePortalUrl is not delivered. How did y...@Kenny, %NodePortalUrl is not delivered. How did you come by this Meta-HTML tag? Did you create a Meta-HTML display format from my chapter? %NodePortalUrl is a Meta-HTML tag I created and have in my custom Meta-HTML display format.<br /><br />I forgot about the branding iScripts. That would be the delivered way to accomplish this. I have those documented <a href="http://jjmpsj.blogspot.com/2013/06/new-peopletools-853-branding-tools.html" rel="nofollow">here</a>.Jim Marionhttps://www.blogger.com/profile/12995110203807924786noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-22294914196448142602014-02-11T12:48:24.827-08:002014-02-11T12:48:24.827-08:00Hi Jim
I finally get it to work and would like to...Hi Jim<br /><br />I finally get it to work and would like to share with you:<br /><br />.sorting_asc { background: transparent url(%NodePortalURL(ERP)EMPLOYEE/ERP/s/WEBLIB_PTBR.ISCRIPT1.FieldFormula.IScript_GET_IMAGE?ID=PT_SRT2UP_SEL) no-repeat center right; }<br /><br />Thank you!Anonymoushttps://www.blogger.com/profile/12707121959043031764noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-83674488104836072462014-02-11T12:04:20.898-08:002014-02-11T12:04:20.898-08:00@Kenny, first, I'm surprised it works in Pagel...@Kenny, first, I'm surprised it works in Pagelet Wizard preview. You are using Meta-HTML, which isn't supported in Pagelet Wizard... yet (I keep asking for it). Instead, you need to use the PeopleSoft PSIMG XML tag along with some special XSL. The special XSL is documented in a blog post <a href="http://jjmpsj.blogspot.com/2013/06/pagelet-wizard-custom-tags.html" rel="nofollow">here</a>.<br /><br />The PSIMG tag creates an IMG tag with a src attribute based on the IMG app designer ID. This is in contrast to the background approach you are using. I don't believe there is a delivered solution for referencing app designer images without an IMG tag. For that, I use my own Meta-HTML parser and display format, a portion of which is described in my PeopleTools Tips book.Jim Marionhttps://www.blogger.com/profile/12995110203807924786noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-48848047721146271312014-02-11T11:07:55.171-08:002014-02-11T11:07:55.171-08:00Hi Jim
I have the following CSS code in my Custom...Hi Jim<br /><br />I have the following CSS code in my Custom Pagelet XSLT:<br /><br />.sorting_desc {<br />background: transparent url(%Image(PT_SRT2DN_SEL)) no-repeat center right;<br />}<br /><br />It is a little triangle next to the header text which indicates the sorting order of a column.<br /><br />It works in the Pagelet preview (Pagelet Wizard > Step 5) but not working on Homepage.<br /><br />Do you have any idea why it doesn’t work on Homepage? Thank you!<br /><br />KennyAnonymoushttps://www.blogger.com/profile/12707121959043031764noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-20539930152115793422013-12-12T08:13:43.677-08:002013-12-12T08:13:43.677-08:00@Brent, I used to use the jQuery Corner plugin, bu...@Brent, I used to use the <a href="http://jquery.malsup.com/corner/" rel="nofollow">jQuery Corner plugin</a>, but have since given up on older versions of IE in favor of <a href="http://www.digital-web.com/articles/fluid_thinking/" rel="nofollow">Graceful Degradation</a>. I do not think a website or page needs to look exactly the same in every browser. Function? Yes. Have the same abstract design? Yes. Do no harm. Don't penalize those that can support a better user experience. Flipping that around, don't penalize those that can't support a better user experience. Meet each browser in the decade it desires.Jim Marionhttps://www.blogger.com/profile/12995110203807924786noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-44363753486038869182013-12-12T07:44:56.794-08:002013-12-12T07:44:56.794-08:00Do you have a solution to border-radius not workin...Do you have a solution to border-radius not working in IE 9? I've found solutions on other sites, but not sure how to apply them PeopleSoft<br /><br />Thanks.Anonymoushttps://www.blogger.com/profile/00092301330434766974noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-34741426490705943242013-11-25T06:57:55.650-08:002013-11-25T06:57:55.650-08:00Hi Jim,
When I uncheck the style EOPP_SCSECTIONCO...Hi Jim,<br /><br />When I uncheck the style EOPP_SCSECTIONCONTENT at selector I could see my background Image.<br />Thanks,<br /> SasiPeoplesoft Thiefhttps://www.blogger.com/profile/08225368245709505650noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-61241670776839704282013-11-25T06:57:28.949-08:002013-11-25T06:57:28.949-08:00Hi Jim,
When I uncheck the style EOPP_SCSECTIONCO...Hi Jim,<br /><br />When I uncheck the style EOPP_SCSECTIONCONTENT at selector I could see my background Image.<br /><br />Thanks,<br />SasiPeoplesoft Thiefhttps://www.blogger.com/profile/08225368245709505650noreply@blogger.comtag:blogger.com,1999:blog-34020393.post-83609349031215216302013-11-25T05:57:54.054-08:002013-11-25T05:57:54.054-08:00@Jim,
Thanks a lot for your response. How was you...@Jim,<br /><br />Thanks a lot for your response. How was your weekend.<br /><br />No, I didn't added quotes in the styles. I have given the quote to mention, that is what added to the free form style sheet.<br /><br /><br />1. If your content is in fact downloaded and included<br /><br /> I think it does downloaded, because we could see red color at loading time (the pagelet body space) and after that, it replaces with default colors.<br /><br />2. If the browser matched your selector<br /><br /> We are using IE8 and while using selctor we could not find the newly added styles<br /><br />3. If some other CSS is overriding your CSS<br /><br /> We could not find newly added styles even by striked.<br /><br />I've developed some pagelets using navigation collections and I am digging to have a transparent background images for each pagelets .<br /><br />Tried with below code<br /><br />#ptpglts #pageletID.ptpagelet td.ptpageletbody {<br />background:url(image URL); background-repeat:repeat-y; <br /> background: transparent; !important<br />}Peoplesoft Thiefhttps://www.blogger.com/profile/08225368245709505650noreply@blogger.com