Clarity

 View Only
Expand all | Collapse all

How to add link on login page

  • 1.  How to add link on login page

    Posted Aug 22, 2014 05:55 AM

    Hello All,

     

    Can anyone tell me..how to add link to another html page(page is our application website) on the login page of Clarity.

     

    The Clarity version is 13.3 patch 7

     

    Thank you in advance.

     

    Regards,

    Pragya Singh



  • 2.  Re: How to add link on login page

    Posted Aug 22, 2014 06:00 AM


  • 3.  Re: How to add link on login page

    Posted Aug 22, 2014 06:25 AM

    Hello NJ,

     

    I have checked this thread. In this thread, one user has customized the login screen and have added link too.

     

    But, he has not explained about the procedure of doing this..or the file name he edited to add link.

    Do you have any idea..whether we have to do changes in the theme CSS or anywhere on the server?

     

    Thanks,

    Pragya



  • 4.  Re: How to add link on login page

    Broadcom Employee
    Posted Aug 22, 2014 06:33 AM

    Login_page.jpg

     

    See if this helps, also documented in one of our guides

     

    Regards

    Suman



  • 5.  Re: How to add link on login page

    Posted Aug 25, 2014 05:13 AM

    Thanks Suman..

     

    I have also checked this page before. From the CSS's we can add text on the login page but I think we need to find out the file on the server where href can be used.

     

    Thanks,

    Pragya Singh



  • 6.  Re: How to add link on login page

    Broadcom Employee
    Posted Aug 25, 2014 05:22 AM

    Hi Pragya,

     

    You don't need to modify anything on the server, if you want to put any link then you can put the same in the CSS file under UI Themes.

     

    Regards

    Suman Pramanik



  • 7.  Re: How to add link on login page

    Posted Aug 25, 2014 06:18 AM

    Hi Suman,

     

    Can you please explain me how to do this with CSS? I have tried in CSS with adding link tag but it does not re-direct to another page. Only the link gets styled with it.

     

    It will be a great help if you can explain.

     

    Thanks,

    Pragya Singh



  • 8.  Re: How to add link on login page
    Best Answer

    Broadcom Employee
    Posted Aug 25, 2014 06:42 AM
      |   view attached

    Hi Pragya,

     

    See if the attached document helps.

     

    Regards

    Suman

    Attachment(s)



  • 9.  Re: How to add link on login page

    Posted Aug 25, 2014 10:05 AM

    Hello Suman,

     

    Thank you for the file.

     

    I will try adding the link referring to this file .

     

    Will let you know, if I suceeded or not

     

    Regards,

    Pragya Singh



  • 10.  Re: How to add link on login page

    Posted Aug 26, 2014 06:48 AM

    Hello Suman,

     

    Thanks a lot.

     

    I am able to add link on the login page by editing Clarity_main.min.js file . Instead of changing lines after "ppm_login_copyright" tag as mentioned in the document, I changed the lines after "ppm_login_message_bottom" to retain the copyright message.



  • 11.  Re: How to add link on login page

    Posted Aug 26, 2014 01:54 PM

    Thank you. I'll try this out as I have been wondering as well.



  • 12.  Re: How to add link on login page

    Posted Sep 18, 2014 09:57 AM

    thanks so much Suman for your document.

     

    My customer is trying to customize the Login Page  WITHOUT modifying (customizing) any files on the server... is that possible?   They simply want to have some text before the logo but in 2 different colors... 

     

    screenshot "LoginSoFar.jpg"

    #ppm_login_message_top span:before{

      color: #F69F84;

      font-size: 12px;

      font-weight: bold;

      content: "Attention:Aug time periods will be closed at 11:59 PM CET on 05th Sep 2014. \000APlease ensure that your timesheet for the month of Aug is submitted before the due date.";

      white-space: pre;

    }

    LoginSoFar.jpg

    is there a way to obtain 2 colors as shown in my 2nd attached screenshot "LoginDesired.jpg"?

    LoginDesired.jpg


    many thanks!



  • 13.  Re: How to add link on login page

    Posted Sep 18, 2014 10:22 AM

    Which version of Clarity are you in?

    Regards,

    Teena Antony



  • 14.  Re: How to add link on login page

    Posted Sep 18, 2014 11:32 AM

    Hi,

     

    If you are using Clarity V13.3 then check the below thread where i mention.. how to put message on login page.

     

    https://communities.ca.com/message/110924830#110924830

     

    -Gurjeet



  • 15.  Re: How to add link on login page

    Posted Sep 19, 2014 08:33 AM

    it is indeed 13.3 yes.  However how could we get 2 different text colors/fonts (as shown above) within the same location/section/tag (#ppm_login_message_top span:before{...} )  without customizing javascript (js) files?

     

    #ppm_login_message_top span:before{

      color: #fff;

      font-family: Arial,Helvetica,Verdana,sans-serif;

      font-size: 21px;

      font-weight: bold;

      padding-left: 16px;

       position:fixed;

       top:30px;

       left:5px;

       content: "Custom UI Theme Message 1";

    }





  • 16.  Re: How to add link on login page

    Posted Sep 19, 2014 09:07 AM

    Hi,

     

    Please refer to last comment in the thread where i mentioned a way to add 4 separate lines or Paragraphs. You can get two different text colors/texts using that trick. There would be different options but need to explore.

    you need to amend ppm_login_message_top span:before and ppm_login_message_top span:after with different values. You need to find out the exact position for these Lines .

     

    check the thread again, answer is there...

     

    -Gurjeet



  • 17.  Re: How to add link on login page

    Posted Nov 17, 2014 03:41 PM

    HI Pragya,

     

    Can you please suggest me work around to link individual timesheet in custom portlet. I have creates a portlet in overview page. but I redirect link is taking value of my overview page url in timesheet id and resid and tpid.

     

    Thanks

    Pragya



  • 18.  Re: How to add link on login page

    Posted Nov 18, 2014 12:01 AM


  • 19.  Re: How to add link on login page

    Posted Nov 18, 2014 12:01 AM


  • 20.  Re: How to add link on login page

    Posted Nov 18, 2014 05:13 AM

    Hello Pragya,

     

    To create a link to individual timesheets, try below steps:

     

    1. Create your original portlet query with link to an HTML portlet.

     

    2. The linked HTML portlet will have below Java script:

     

    <script language="JavaScript1.2">

    var url=window.document.URL;

    url1=window.document.URL;

    url2=window.document.URL;

    var tsid = url.substr(url.indexOf("tsid=") + "tsid=".length);
    var f_resid = url1.substr(url1.indexOf("resid=") + "resid=".length);
    var resid = f_resid.substr(0,7);

    var f_tpid = url2.substr(url2.indexOf("tpid=") + "tpid=".length);

    var tpid = f_tpid.substr(0,7);


    if (tsid.length > 8)
    {
      window.location.assign("http://<website>:3080/niku/app?action=timeadmin.editTimesheet&id=" + "&resid=" + resid + "&tpid=" + tpid);
    }
    else
    {
      window.location.assign("http://<website>:3080/niku/app?action=timeadmin.editTimesheet&id=" + tsid + "&resid=" + resid + "&tpid=" + tpid);
    }
     


    </script>

     

    3. In the original portlet, also create a new field in column layout section as image and add the link to the HTML

    4. Also, add the original portlet to a portlet page and in that portlet page, create three page parameters and link them with original portlets attributes of resource_id, timesheet_id and timperiod_id(these three attributes should be there in your query)

     

    This will re-direct the image to the timesheet of the resource. But, till now I don't no how to return back to original page(only a workaround..doublw click on the browser back page).

     

    Thanks,

    Pragya Singh



  • 21.  Re: How to add link on login page

    Posted Nov 18, 2014 09:42 AM

    Hi Pragya,

     

    I tried this and now 'app' web page is downloading. I modified this little bit. and my changes are in capital letters.

    also, if i adding original portlet to page then in new page, my original portlet is opening when i clicked on image. i want when i click on image then resource timesheet for time timeperiod should open. also i created 3 parameter with id tsid, resid, tpid in page. and these 3 parameter is apprearing in nsql link page and i linked them with my nsql timesheetprid, resid, pdid. still no luck. please suggest me where i am doing wrong.

    script language="JavaScript1.2">

    var url=window.document.URL;

    VAR url1=window.document.URL;

    VAR url2=window.document.URL;

    var F_tsid = url.substr(url.indexOf("ID=") + "ID=".length);

    VAR TSID = F_TSID.SUBSTRING(0,7);
    var f_resid = url1.substr(url1.indexOf("resid=") + "resid=".length);
    var resid = f_resid.substr(0,7);

    var f_tpid = url2.substr(url2.indexOf("tpid=") + "tpid=".length);

    var tpid = f_tpid.substr(0,7);


    if (tsid.length > 8)
    {
      window.location.assign("http://<website>:3080/niku/app?action=timeadmin.editTimesheet&id=" + "&resid=" + resid + "&tpid=" + tpid);
    }
    else
    {
      window.location.assign("http://<website>:3080/niku/app?action=timeadmin.editTimesheet&id=" + tsid + "&resid=" + resid + "&tpid=" + tpid);
    }


    </script>



  • 22.  Re: How to add link on login page

    Posted Nov 19, 2014 08:58 AM

    Hello Pragya,

     

    Can you please paste here the screeshot of original portlet's NSQL linking  tab, Portlet page parameters tab?

     

    Did you created the link to HTML portlet in Query linking tab? and linked the image field created in Portlet with this HTML link?

     

    Thanks,

    Pragya Singh



  • 23.  Re: How to add link on login page

    Posted Sep 18, 2014 12:51 PM

    just add in some basic HTML into the content of the ppm_login_message tags.. this saves you having to change the js file