Microsoft > Dynamics Forums > CRM Development > CRM 4.0 Progress Bar
Ask a questionAsk a question
 

AnswerCRM 4.0 Progress Bar

  • Thursday, November 13, 2008 9:53 PMStefan Gueorguiev Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     
    Hi All,

    I am currently working on a custom aspx page that is to be integrated with CRM. As such it needs to follow CRMs UI. The idea is for it to seem an integral part of the system. I have almost everything done but in the end I am in a need of a progress bar. Has anyone done something similar? Any ideas on how to invoke CRM's progress bar? Anything, even ideas for unsupported solutions are most welcome.

    Thank you in advance,
    Stefan

Answers

  • Friday, November 14, 2008 10:09 AMStefan Gueorguiev Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     Answer

    Thanks for the reply.

     

    My problem was somewhat different though. I was performing a lenghty task so I wanted to update the users of its progress. And it had to have the same look and feel as CRM. In any case, with the help of a friend of mine and Fiddler we managed to find the solution. We just turned on Fiddler and imported some customization (to invoke the progress bar).  It turns out it's rather simple. Below is the HTML code that generates it. Of course there are a few script includes and so on. One can find the details using Fiddler. The divStatus is the one that populates the progress bar. It is done by increasing the width.

     

    <div id="divProgress">
       <div id='divFillBg' style='display: inline; position: absolute; top: 150px; left: 20px;
            height: 23px; width: 360px; background-color: #ffffff;'>
          &nbsp;
       </div>
       <div id='divFill' style='display: inline; position: absolute; top: 150px; left: 20px;
             height: 23px; width: 330px; filter: progidBig SmileXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#00ff00, EndColorStr=#00cc00);'>
             &nbsp;
        </div>
         <div id='divStatus' style='display: inline; position: absolute; top: 150px; left: 19px;
                height: 23px; width: 0px;'>
                <img alt='' src="/_imgs/statusbar.gif' height='23' width='362'>
         </div>
    </div>

     

    Cheers,

    Stefan

All Replies

  • Friday, November 14, 2008 9:18 AMKrishna Raj.R Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     

    Hi,

    I think your problem is the loading time of the integreted aspx page after u click any button in the CRM UI.

    If so, Me too have the same problem.But Once the page is cached then it will load fastly. I dont know whether there is any CRMprogressbar control ready available to call.

    Actually there is a method using setinterval function in Javascript. Use a <td> and gradually increase its width in the setinterval function.Then it will appears similar to a progress bar.TRY!

     

  • Friday, November 14, 2008 10:09 AMStefan Gueorguiev Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     Answer

    Thanks for the reply.

     

    My problem was somewhat different though. I was performing a lenghty task so I wanted to update the users of its progress. And it had to have the same look and feel as CRM. In any case, with the help of a friend of mine and Fiddler we managed to find the solution. We just turned on Fiddler and imported some customization (to invoke the progress bar).  It turns out it's rather simple. Below is the HTML code that generates it. Of course there are a few script includes and so on. One can find the details using Fiddler. The divStatus is the one that populates the progress bar. It is done by increasing the width.

     

    <div id="divProgress">
       <div id='divFillBg' style='display: inline; position: absolute; top: 150px; left: 20px;
            height: 23px; width: 360px; background-color: #ffffff;'>
          &nbsp;
       </div>
       <div id='divFill' style='display: inline; position: absolute; top: 150px; left: 20px;
             height: 23px; width: 330px; filter: progidBig SmileXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#00ff00, EndColorStr=#00cc00);'>
             &nbsp;
        </div>
         <div id='divStatus' style='display: inline; position: absolute; top: 150px; left: 19px;
                height: 23px; width: 0px;'>
                <img alt='' src="/_imgs/statusbar.gif' height='23' width='362'>
         </div>
    </div>

     

    Cheers,

    Stefan

  • Tuesday, May 05, 2009 5:48 AMTom Vinod Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     
    Hi Stefan,

    Can you please put these things (progressbar and javascript) into a working sample (asp.net page) for us to learn and use?

    thanks
    Vinod
  • Tuesday, May 05, 2009 9:57 AMgperera Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     

    Hey Stefan

    I posted the one we created awhile back, here it is http://weblogs.asp.net/gayanperera/archive/2009/05/05/dynamics-crm-4-progress-bar.aspx


    http://weblogs.asp.net/gayanperera/