Tag Archives: Chart

[RESOLVED]Browser Info in MVC

Hi,

I need to capture the browsers info and count no. of requests coming from the browser.

and also i need to block the request , if the request comes from a specified browser say FireFox

Depending on these requests and their count, i need to generate a report or a chart in dashboard.

Thanks,

Vijay 

The browser info in in the agent string header. Here is site that keeps track of the current agent strings. New ones appear with every new phone.

http://www.useragentstring.com/pages/useragentstring.php

You get the agent string with Request.UserAgent.

For hit tracking you process your web logs, or use google analytics.

You can use a MVC filter or constraint to handle your scenario. Please check these links

Filter actions based on UserAgent

ASP.NET MVC: Custom Constraints – Matching the User Agent String

vijayd48

Depending on these requests and their count, i need to generate a report or a chart in dashboard

It would be better if you can use some analytic services such as google analytics for this.

[RESOLVED]MVC Partial View

Hi,

I am quite new to MVC etc. I want to know something on postings by partial views.

I have a page which has a graph on. The graph is generated by a partial view. Now what I want to do is have date ranges in which the user can select to display data for.

But when I do a post from the form on the partial view, it just basically goes to a view displaying the graph only, and also removes the my form tags.

Any help would be appreciated in getting what I need (VIA Jquery might be the way?)

Thanks

Kobie

You may want to use the Ajax-Form helper to post your form and retrieve a new partial view (with your graph) and replace your old graph

@using (Ajax.BeginForm("GetGraph", new AjaxOptions { HttpMethod = "POST", TargetUpdateId = "graphDiv" }))
{
  Date From: @Html.TextBox("DateForm") <br />
  Date To: @Html.TextBox("DateTo")

  <input type="submit" value="Submit" />
}


<div id="graphDiv">
  // your graph goes here
</div>

The above uses the ajax form helper, specifying the graph’s div container for where we want to insert the new graph (based on the date fields).

The graph action:

[HttpPost]
public ActionResult GetGraph(DateTime DateFrom, DateTime DateTo)
{
  var graphData = /* use the date params above to generate your graph's data */;

  return PartialView("GraphPartial", graphData);
}

All this action does is it takes your date fields from the form and uses them to generate your graph’s data.  Then we pass that data to our graph’s partial view.  You’ll need to specify the name of that partial view (I used ‘GraphPartial’)

Last little note: in order to use AJAX, you’ll need to include the jquery and ‘unobtrusive-ajax’ scripts in your View.  They should be located in your /Scripts folder just like any other jquery script.  If you don’t have the unobtrusive-ajax script, it can
be downloaded using the NuGet Package Manager for your project (under Tools menu).

Hope that helps

Hi,

Exactly how I want it, I will try and let you know of the results.

Ok no luck, it still throws away my the rest of the page and then just displays the graph, but now with no data. :(

main view :

//Think its got something to do with this.

@using (Ajax.BeginForm("LeadChart", "Chart", new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "myGraph" }))
{ 
<div>@Html.TextBoxFor(x => x.ChartData.DateFrom) </div>
<div>@Html.TextBoxFor(x => x.ChartData.DateTo) </div>
<div><input type="submit" value="Get data" /></div> 
}

<div id="myGraph">
         @{ Html.RenderPartial("LeadChart", Model.ChartData);}
</div>

Leadchart controller:

//So this works fine

[HttpPost]
public ActionResult LeadChart(Chart chart)
{
     chart.DateFrom = Convert.ToDateTime(chart.DateFrom);
     chart.DateTo = Convert.ToDateTime(chart.DateTo);
     var data = chart.ChartData; 
     return PartialView(chart);
}

1) change your form-action to not be the same name as the partial view

@using (Ajax.BeginForm("GetLeadChart", "Chart", ....

2) update the action name to reflect this change

[HttpPost]
public ActionResult GetLeadChart(Chart chart)
{
...

3) did you mean to use data instead of "chart"?


return PartialView("LeadChart", data);

4) lastly, if after posting, your view changes to just the partial chart view, it means your AJAX is not working.  If it’s not working after these suggestions, please post your View’s HTML source

Hi,

Hehehe so stupid mistake on my side. My Jquery was outdated…

Thanks a lot for the help!!Embarassed

[RESOLVED]MVC and devexpress referencing on themes

Hi

Not sure if I should ask the question here. I use devepress in my MVC solution and I’m using a theme. But on my server when I tried to publish it keeps asking for references to all the different objects in my themes folder…i.e. no reference exist for the
chart even though I’m not using it, but it is part of my theme.

Do I now have to set a reference to all the devepress dll’s? There’s an awfull lot of them of which I’m using only a few and those are referenced.

Thanks

Hi sunettew1,

Thanks for your post.

Have you added these code in Web.config,like this:

<devExpress>
    ...
    <themes enableThemesAssembly="true" styleSheetTheme="" theme="MyTheme" />
    ...
</devExpress>

More information:

#Using a Custom Theme Assembly

https://documentation.devexpress.com/#ASPxThemeBuilder/CustomDocument10812

Hope this can be helpful.

If you have any issue about devexpress ,I suggest that you can post here

Best Regards,

Eileen

[RESOLVED]Creating and Customizing the chart at run time.

Hi.

What is the difference between creating a chart from "System.Web.UI.DataVisualization.Charting.Chart" 

and "System.Web.Helpers.Chart".

In MVC controller to create a chart dynamically which namespace will suits me the best result.?

System.Web.Helpers.Chart

This would be the best option for you. I have never used this but from researching in MSDN, I feel this would be the best.

I can suggest you to use Google api charts. That is very easy and nice to be used in any application. 

Thanks

Are you using any java script libraries for rendering chart?

Hi  S.Saikrishna,

Thanks for your post.

According to your description,

S.Saikrishna

What is the difference between creating a chart from "System.Web.UI.DataVisualization.Charting.Chart" 

and "System.Web.Helpers.Chart".

The System.Web.UI.DataVisualization.Charting namespace contains methods and properties for the
Chart Web server control.

This System.Web.Helpers.Chart represents a helper, which is a component that simplifies web programming in ASP.NET Web Pages. You can use the
Chart class to display data in the form of a graphical chart. The class can render data using a variety of chart types.

So I think System.Web.Helpers.Chart is best for you.

There’s a simple sample,you can refer to the following link:

#Chart Helper in ASP.NET MVC 3 with Transparent Background

http://weblogs.asp.net/imranbaloch/chart-helper-in-asp-net-mvc-3-0-with-transparent-background

Hope this can be helpful.

Best Regards,

Eileen

[RESOLVED]Charts control api in MVC C#

Hi All,

My requirement to display data using charts control. Is it possible to display the data in charts control (All type of charts eg, Combination of line and bar charts, line charts, bar charts) using MVC razor view. My organization don’t want to use any third
party(Paid api) for visualization.

Please suggest me the the right api(free version) that could help me show all kind of charts in mvc

Thanks in advance

You can use the Microsoft charting library. I blogged about it some time ago: http://www.mikesdotnetting.com/Article/115/Microsoft-Chart-Controls-to-PDF-with-iTextSharp-and-ASP.NET-MVC

There are some samples available here: http://code.msdn.microsoft.com/Samples-Environments-for-b01e9c61

Mikesdotnetting

You can use the Microsoft charting library. I blogged about it some time ago: http://www.mikesdotnetting.com/Article/115/Microsoft-Chart-Controls-to-PDF-with-iTextSharp-and-ASP.NET-MVC

There are some samples available here: http://code.msdn.microsoft.com/Samples-Environments-for-b01e9c61

Thanks Mikesdotnetting for shared this useful link. I want one clarification: Can we create combination of charts(Line and Bar) in single charts using Microsoft charting library?

I don’t know. You can check the link I provided for samples.

Hi info2ambrish,

As far as I know, there isn’t the combination chart in Microsoft chart library.

For combination chart, you could refer to this article:

# Combination Chart

http://mvc.syncfusion.com/demos/ui/chart/ChartType/CombinationChart

Best Regards

Starain Chen

Starain chen – MSFT

For combination chart, you could refer to this article:

# Combination Chart

http://mvc.syncfusion.com/demos/ui/chart/ChartType/CombinationChart

That’s a paid for component.

I saw a "guy-at-work" create, from scratch a charting server in about 4 days just last week.  He used HighCharts and had no experience with charting before
this. 

I used MSFT’s charting components for years and found it to be quite complex ,but that’s just my opinion.

i checked out high charts its simply superb, it is much like google charts, except that google dont allow you to download javascript library and the client needs to have internet connection inside corporate VPNS to work.

Hi Ambrish,

We have used JQPlots  http://www.jqplot.com/ in our application , its A Versatile and Expandable jQuery Plotting Plugin

its easy to use. you can refer this link. - http://www.jqplot.com/tests/

 

Thanks for reply.

I gone through the shared link and It was very useful  but In my organization don’t want to buy any third party library for combination chart. They are forcing me to do the combination chart using Microsoft charts control only. Please let me know any free
library, that I can use in my project to get the combination charts.

Thanks in advance

Hi info2ambrish,

Since there isn’t that feature in the Microsoft chart control, I suggest that you could submit the feature request to here:
http://aspnet.uservoice.com/forums/41199-general-asp-net, after you submit it, please post the link here which will benefit to others who has the similar issue.

On the other hand, I don’t find any free library to support combination chart.

Best Regards

Starain Chen

Hi Starain Chen,

Is it possible to create combination charts using jQuery or JavaScript or Ajax Chart Control?

Kindly let me know any alternate way to solve my issue……..I don’t know What I should do at this point of time…..They just forcing me do and they are saying it is possible to do using MS charts control but they are not providing any code snip
for this. Upper management saying we have done it long time back, Search it and do it ASAP.

Thanks in advance

Hi info2ambrish,

Base on my test, I found that we can achieve combination charts by using MS charts!

We just need add multiple series to the chart.

This is the sample code:

 

@{
    ViewBag.Title = "Index";

    var myChart = new Chart(width: 600, height: 400)
        .AddTitle("test")
        .AddSeries(
        name: "Username: Davolio",
        xValue: new[] { "One", "Two", "Three", "Four", "File", "Six" },
        yValues: new[] { "2", "6", "4", "5", "3", "8" });

    myChart.AddSeries(
        name: "new series",
        chartType: "Spline",
        xValue: new[] { "Peter", "Andrew", "Julie", "Mary", "Dave","Star" },
         yValues: new[] { "2", "6", "4", "5", "3","10" });
    myChart.Write();
}

Best Regards

Starain Chen

Starain chen – MSFT

Hi info2ambrish,

Base on my test, I found that we can achieve combination charts by using MS charts!

We just need add multiple series to the chart.

This is the sample code:

 

@{
    ViewBag.Title = "Index";

    var myChart = new Chart(width: 600, height: 400)
        .AddTitle("test")
        .AddSeries(
        name: "Username: Davolio",
        xValue: new[] { "One", "Two", "Three", "Four", "File", "Six" },
        yValues: new[] { "2", "6", "4", "5", "3", "8" });

    myChart.AddSeries(
        name: "new series",
        chartType: "Spline",
        xValue: new[] { "Peter", "Andrew", "Julie", "Mary", "Dave","Star" },
         yValues: new[] { "2", "6", "4", "5", "3","10" });
    myChart.Write();
}

Best Regards

Starain Chen

Thanks a lot for this post. This is really helped me lot.

[RESOLVED]send the dropdownlist selected item to controller and get the response back

I am now displaying a kendo chart based on the following code in the view and controller. I would need to introduce a dropdown and based on the selected item, I would need to send a request to controller and display the chart based on the result.

View:

@(Html.Kendo().Chart(Model) // The chart will be bound to the Model which is the InternetUsers list
      .Name("internetUsersChart") // The name of the chart is mandatory. It specifies the "id" attribute of the widget.
      .Title("Internet Users")
      .Series(series => {
          series.Bar(model => model.score) // Create a bar chart series bound to the "Value" property
                .Name("Score");
      })
      .CategoryAxis(axis => axis
          .Categories(model => model.Name)
      )
)

Controller:

List<GraphObj> data = new List<GraphObj>(Getvalues());
            var x = data.Where(a => a.sector == "abc").ToList();

return View(x);

Hi Ragavalli,

Here is the sample code. Just call Dropdownlist change event by using jquery

public partial class ProductController : Controller
{

public virtual ActionResult Produt()
{
var products = new List<ProductsModel>
{
new ProductsModel
{
Id = 1,
Name = "Product1"
},
new ProductsModel
{
Id = 2,
Name = "Product2"
},
new ProductsModel
{
Id = 3,
Name = "Product3"
},
new ProductsModel
{
Id = 4,
Name = "Product4"
}
};
var model = new ProductModel
{
Products = products
};
return View(model);
}

public virtual ActionResult GetData(int id)
{
ViewBag.Data = id;
return View();
}

}

public class ProductModel
{

public int ProductId { get; set; }

public List<ProductsModel> Products { get; set; }

}

Product View :

@model MVCTutorials.Controllers.ProductModel
@{
ViewBag.Title = "ProdutoCategoria";
}

<h2>ProdutoCategoria</h2>

@using (Html.BeginForm())
{
<label>Select Product </label>
@Html.DropDownListFor(m => m.ProductId, new SelectList(Model.Products, "Id", "Name"))
<input type="submit" value="Enter" />

}

<script src="~/Scripts/jquery-1.8.3.js"></script>
<script type="text/javascript">

$(function () {

$(‘#ProductId’).change(function () {
var productId = $(this).val();
window.location = "/Product/GetData/" + productId;
});

});
</script>

GetData view:

@{
ViewBag.Title = "GetData";
}

<h2>GetData</h2>

<h3>@ViewBag.Data</h3>

Thanks,

Seshasayana Reddy

Third party theme for MVC 4.0 project

Hi,
 
Please suggest me any third party tool or theme template which is user friendly from the perspective of user as well as developer.
 
Thank you,
 
Regards,
Ashish

Hi Ashish,

Following websites offer free templates for variety of designs. Worth watching through it..

https://wrapbootstrap.com/

http://bootswatch.com/

http://getbootstrap.com/examples/theme/

The above sites were recommended in various events. Hope this helps.

Best Regards

Siva

I mean any third party control like Telerik but better then
Telerik
.

rndondevelopment

I mean any third party control like Telerik but better then
Telerik
.

Do you refer to the suite of controls(grid, dropdown, treeview, chart and many more) such as  Kendo ? 

In that case, by "better" what do you mean? Faster rendering? Easy to use ? Other …?
And , in this case, this can be a holy war … It is not his place here

What you need is https://www.nevron.com/products-open-vision.aspx – not only is it better in tons of aspects, it’s also cross-platform which makes it the best choice after the latest announcement
from Microsoft regarding .NET…

[RESOLVED]ASP.NET MVC – dashboard (charting app)

I need to develop a dashboard app. What are frequent used charting libraries for such kind of apps?

Thanks.

gdillen

I need to develop a dashboard app. What are frequent used charting libraries for such kind of apps?

Thanks.

I have used the Trial Version of JDash to create Dashboard Apps in the past.

Check this link for Developers
Guide for JDash in MVC

If you are looking for an opensource library
then you can check sDashboard

knockout js is working on main window but not working in popup window on asp.net / vb.net web application

Hello

I am developing a web application built with asp.net and vb.net

I have a page (update_status.aspx) which is using knockout js to display a datepicker depending upon the value selected by the user on select box. the code is like below.

 <%@ Page Title="" Language="VB" MasterPageFile="E4.master" AutoEventWireup="false" CodeFile="update-status.aspx.vb" Inherits="E4_Jobs_Details_Application_update_status" %>


<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="Server">

           <div class="entry-wrapper">
                <input type="hidden" id="appId" value="<%= VacancyApplication.ID%>" />

                <div class="form-element">
                    <label>Current status</label>
                    <input type="text" readonly="readonly" value="<%= VacancyApplication.Status%>" />
                </div>

                <div class="form-element">
                    <label>New status (required)</label>
                    <select id="comNewStatus" runat="server" datavaluefield="id" datatextfield="name" class="nFee"></select>
                </div>


                <div data-bind="visible: statusId() == 12">
                    <label>
                        Start date (required, format: DD-MMM-YYYY)
                    </label>
                    <div class="input-append">
                        <span class="add-on "><span class="icon-calendar"></span></span>
                        <input class="dp" size="16" type="text" value="" runat="server" id="txtStartDate" />
                    </div>
                </div>
            </div>


</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ScriptContent" runat="Server">
    <script  src="~/_resx/js/jquery-1.8.3.min.js"></script>
    <script src="~/_resx/js/json2.min.js"></script>
    <script src="~/_resx/js/knockout-2.2.1.js"></script>
    <script src="~/_resx/js/knockout.mapping-latest.js"></script>

    <script type="text/javascript">

        var ViewModel = function () {
            var self = this;
            self.histories = ko.observableArray([]);
            self.statusId = ko.observable(0);
            self.feeType = ko.observable(0);
            self.agencyApp = ko.observable(false);
            self.offeredSalary = ko.observable(0);
            self.finalSalary = ko.observable(0);
            self.introductionFee = ko.observable(0);
            
        };
        var vm = new ViewModel();
        ko.applyBindings(vm);

        $(function () {
            $("select.chosen").chosen();
            dimNav('vacancy');

            var aid = $('#appId').val(), feeType = $('#feeType').val(), agencyApp = $('#agencyApp').val();
            vm.feeType(parseInt(feeType));
            vm.agencyApp(agencyApp);

            $('.nFee').change(function () {
                vm.statusId(parseInt($(this).val()));
            });
            

            //numeric only
            $('.txtOfferedSalary, .txtFinalIntroductionFee,.txtFinalSalary').keydown( function(event) {
                // Allow: backspace, delete, tab, escape, and enter
                if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 || event.keyCode == 13 ||
                    (event.keyCode == 65 && event.ctrlKey === true) ||
                    // Allow: home, end, left, right
                    (event.keyCode >= 35 && event.keyCode <= 39)) {
                    return;
                } else {

                    if (event.shiftKey || (event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105)) {
                        event.preventDefault();
                    }
                }
            });



            $.when(
                $.ajax({
                    type: "POST",
                    url: "/_services/UtilityService.asmx/applicationstatushistories",
                    data: "{id:" + aid + "}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    cache: true
                })).done(function (r) {
                    vm.histories($.parseJSON(r.d));
                    //console.log();
                    momentize();
                });
        });
    </script>
</asp:Content>

The problem is this knockoutjs doesnot work when i convert this page as popup page by changing its master page (like below). that is the calender doesnot come up when user selects the right status.

<%@ Page Title="" Language="VB" MasterPageFile="E4_Popup.master" AutoEventWireup="false" CodeFile="update-status.aspx.vb" Inherits="E4_Jobs_Details_Application_update_status" %>

Both E4.master and E4_Popup.master is using the same style and same code file .

<%@ Master Language="VB" CodeFile="E4.master.vb" Inherits="_resx_E4" %>

the only difference is they are different files and E4_Popup.master doesnot contains the extra bits of the web page (e.g; headers and footers ).

even if copy E4.master page as E4_Popup.master page and refer it to the update status page .. the calender does not come up. It just not working on the pages other than E4.master page.

I dont understand what the problem is..

What shall I do? Please help me with right advice. 

If you need more information please let me know.

Hi,

make sure the new master page file refers to the knockout.js file from its header too.

I had make sure of that… even if i just copy the E4.master page and save it as E4_Popup.master page and refere it to update_status.aspx page that doesnot work.

raju dasa

Hi,

make sure the new master page file refers to the knockout.js file from its header too.

Hi bashabi,

In your code,i didn’t see any javascipt reference code about knockout.js

please make sure that you have code like below in your page:

  <script src="../Scripts/knockout.js"></script>

Best Regards,

Kevin Shen.

the references are in master page.  i also have added the reference in main page…. but it did not work.

I have included the codes for both the master pages.

below is the code for my master page for popup . please have a look. and advice me

<%@ Master Language="VB" CodeFile="E4_Popup.master.vb" Inherits="_resx_E4_Popup" %>


<!doctype html>

<html lang="en">
<head id="Head1" runat="server">

    <meta name="robots" content="noindex, nofollow">
    <meta name="googlebot" content="noindex, nofollow">
    <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,100' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" media="screen" href="/_resx/css/e4-popup-min.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="/_resx/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" media="print" href="/_resx/css/e4_print_1.css" />
    <script  src="/_resx/js/jquery-1.8.3.min.js"></script>
    <script src="/_resx/js/json2.min.js"></script>
    <script src="/_resx/js/knockout-2.2.1.js"></script>
    <script src="/_resx/js/knockout.mapping-latest.js"></script>

    <script type="text/javascript">if ($.browser.msie && parseInt($.browser.version) < 8) { window.location = '/badbrowser.aspx'; }</script>
    <script>
        $(function () {
            if ($.browser.msie && parseInt($.browser.version, 10) === 6) {
                $('.row div[class^="span"]:last-child').addClass("last-child"); $('[class*="span"]').addClass("margin-left-20"); $(':button[class="btn"], :reset[class="btn"], :submit[class="btn"], input[type="button"]').addClass("button-reset"); $(":checkbox").addClass("input-checkbox"); $('[class^="icon-"], [class*=" icon-"]').addClass("icon-sprite");
                $(".pagination li:first-child a").addClass("pagination-first-child");
            }
        })
    </script>

     
</head>
<body>
    <form id="form1" runat="server">
      <asp:ScriptManager runat="server" ID="ScriptManager" />
        <div class="loading"></div>
        <div class="popup-wrapper">

            <asp:ContentPlaceHolder runat="server" ID="MainContent" />
        </div>
    </form>
    <script src="https://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="https://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script src="/_resx/js/respond.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBUCn2Ql9C5kHJbIxYgghwA3Q5zmoTahIk&sensor=true"></script>
    <script src="/_resx/js/json2.min.js"></script>
    <script src="/_resx/js/knockout-2.2.1.js"></script>
    <script src="/_resx/js/knockout.mapping-latest.js"></script>
    <script src="/_resx/js/bootstrap.min.js"></script>
    <script src="/_resx/js/bootbox.min.js"></script>
    <script src="/_resx/js/typeahead.min.js"></script>
    <script src="/_resx/js/trunk8.js"></script>
    <script src="/_resx/js/moment.js"></script>
    <script src="/_resx/js/chosen.jquery.min.js"></script>
    <script src="/_resx/js/jquery.cookie.js"></script>
    <script src="/_resx/js/date.format.js"></script>
    <script src="/_resx/js/jquery-datepicker.min.js"></script>
    <script src="/_resx/js/highcharts.js"></script>
    <script src="/_resx/js/spinners.min.js"></script>
    <script src="/_resx/js/tipped.js"></script>
    <script src="/_resx/js/datepicker.js"></script>
    <script src="/_resx/js/jquery.autosize-min.js"></script>
    <script src="/_resx/js/jquery.tinysort.min.js"></script>
    <script src="/_resx/js/jquery.mousewheel.js"></script>
    <script src="/_resx/js/jquery.jscrollpane.js"></script>
    <script src="/_resx/js/jquery.gmap.js"></script>
    <script src="/_resx/js/jquery.signalR-1.0.1.min.js"></script>
    <script src="/signalr/hubs"></script>
    <script src="/_resx/js/e5-min.js"></script>


    <asp:ContentPlaceHolder runat="server" ID="ScriptContent" />
    <script type="text/javascript">
                function setSize() {
                        window.resizeTo(300, 300);
                }

                function SetWindow() {
                            var height = 400                      //Set height
                            var width = 400                        //Set width
                            var name = "winname"             //Set window name
                            var top = 20                             //Set distance from top
                            var left = 20                             //Set distance from bottom
                            url = window.location.href;
                            window.document.statusbar.enable = false;

                            if (document.location.search == '') {
                                newwin = window.open(url, name, "fullscreen=no,toolbar=no,status=no,menubar=no,scrollbars=no,resizable=no,directories=no,location=no,width=" + width + ",height=" + height + ",left=" + left + ",top=" + top);

                            }
                }


                var reseizeParentColorBox = function () {
                    parent.$.colorbox.resize({
                        innerHeight: $('body').height() + 100
                    });

                    $('input[type="text"]:first').focus();
                };

                //momentise times

                var momentize = function () {
                    $('.moment').each(function () {
                        var m = moment($(this).attr('data-time'));
                        var $time = m.valueOf();
                        if (m.diff(moment(), 'days') < 0) {
                            $(this).removeAttr('rel').html(moment($time).format('MMMM Do, YYYY'));
                        } else {
                            $(this).html(moment($time).fromNow()).attr({
                                'title': moment($time).format('MMMM Do, YYYY h:mm a')
                            });
                        }
                    });
                };

                function loaderStart() {
                    $('.loading').show();
                }

                function loaderStop() {
                    $('.loading').fadeOut();
                }



        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-31876528-1']);
        _gaq.push(['_trackPageview']);



        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

    </script>
</body>
</html>

below is my code for master page for main screen

<%@ Master Language="VB" CodeFile="E4.master.vb" Inherits="_resx_E4" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head runat="server">
    <title></title>
    <meta name="robots" content="noindex, nofollow">
    <meta name="googlebot" content="noindex, nofollow">
     <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,100' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="/_resx/css/e5-min.css" />

    <link rel="stylesheet" type="text/css" media="print" href="/_resx/css/e4_print_1.css" />
    <script src="/_resx/js/jquery-1.8.3.min.js"></script>
  
    <script type="text/javascript">if ($.browser.msie && parseInt($.browser.version) < 8) { window.location = '/badbrowser.aspx'; }</script>
    <script>
        $(function () {
            if ($.browser.msie && parseInt($.browser.version, 10) === 6) {
                $('.row div[class^="span"]:last-child').addClass("last-child"); $('[class*="span"]').addClass("margin-left-20"); $(':button[class="btn"], :reset[class="btn"], :submit[class="btn"], input[type="button"]').addClass("button-reset"); $(":checkbox").addClass("input-checkbox"); $('[class^="icon-"], [class*=" icon-"]').addClass("icon-sprite");
                $(".pagination li:first-child a").addClass("pagination-first-child");
            }
        })
    </script>

</head>
<body>
    <form id="form1" runat="server" style="height: 100%;">
        <asp:ScriptManager runat="server" ID="ScriptManager" />
        <div class="loading"></div>
        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="navbar-search pull-left q-search">
                    <input type="text" id="qSearch" placeholder="type job title or candidate name..." />
                    <input type="hidden" value="" id="qSearchU" />
                </div>
                <ul class="nav pull-right account">
                    <li class="user  dropdown">
                            <div class="user">
                                <%= LocalHelper.CurrentUserName()%> <b class="caret"></b>
                            </div>

                    </li>
                </ul>

                               <a class="pull-right logout" href="/logout.aspx">Log out</a>
            </div>
        </div>

        <div class="help">
            <div class="help-inner">
                <iframe id="helpframe" src="/E4/help/index.html" scrolling="no" frameborder="0" height="auto" width="100%">Sorry, iframes are not supported.</iframe>
            </div>
        </div>

         <div class="g-wrapper">
                            <a href="#menu" id="menuLink" class="pure-menu-link">
                                        <img src="/_resx/images/navicon-png2x.png" width="20" alt="Menu toggle">
                            </a>
                            <div class="fix-nav-bg scroller">
                                        <div class="fix-nav">
                                                    <a class="nav-link " href="/E4/Default.aspx">
                                                        <i class="dashboard"></i>
                                                        <span>Dashboard</span>
                                                    </a>
                                                    <a class="nav-link " href="/E4/Jobs/Open.aspx">
                                                        <i class="vacancy"></i>
                                                        <span>Jobs</span>
                                                    </a>
                                        </div>
                            </div>
                            <asp:ContentPlaceHolder runat="server" ID="MainContent" />
        </div>
        <a href="http://mypeoplebiz.com" class="copy">&copy; mypeoplebiz</a>
    </form>

    <script src="/_resx/js/respond.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBUCn2Ql9C5kHJbIxYgghwA3Q5zmoTahIk&sensor=true"></script>


    <script src="/_resx/js/json2.min.js"></script>
    <script src="/_resx/js/knockout-2.2.1.js"></script>
    <script src="/_resx/js/knockout.mapping-latest.js"></script>
    <script src="/_resx/js/bootstrap.min.js"></script>
    <script src="/_resx/js/bootbox.min.js"></script>
    <script src="/_resx/js/typeahead.min.js"></script>
    <script src="/_resx/js/trunk8.js"></script>
    <script src="/_resx/js/moment.js"></script>
    <script src="/_resx/js/chosen.jquery.min.js"></script>
    <script src="/_resx/js/jquery.cookie.js"></script>
    <script src="/_resx/js/date.format.js"></script>
    <script src="/_resx/js/jquery-datepicker.min.js"></script>
    <script src="/_resx/js/highcharts.js"></script>
    <script src="/_resx/js/spinners.min.js"></script>
    <script src="/_resx/js/tipped.js"></script>
    <script src="/_resx/js/datepicker.js"></script>
    <script src="/_resx/js/jquery.autosize-min.js"></script>
    <script src="/_resx/js/jquery.tinysort.min.js"></script>
    <script src="/_resx/js/jquery.mousewheel.js"></script>
    <script src="/_resx/js/jquery.jscrollpane.js"></script>
    <script src="/_resx/js/jquery.gmap.js"></script>
    <script src="/_resx/js/jquery.signalR-1.0.1.min.js"></script>
    <script src="/signalr/hubs"></script>
    <script src="/_resx/js/e5-min.js"></script>
    <asp:ContentPlaceHolder runat="server" ID="ScriptContent" />
    <script type="text/javascript">

        function openSupport() {

            var URL = '/E4/help/index.html';
            window.open(URL, '', 'toolbar=0,scrollbars=0,location=no,statusbar=0,menubar=0,resizable=1,width=900,height=700,left = 560,top = 130');

        }



        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-31876528-1']);
        _gaq.push(['_trackPageview']);

        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

    </script>
</body>
</html>

Hi bashabi,

I suggest that you can use F12 to debug your page ,see if it has any error message.

If does,please post here.

Best Regards,

Kevin Shen.

There are 2 error message which I have found in the popup page but not in main page while debugging. I have provided them including the code (where it indicated the error) below. 

these codes are written in both of the two master page. 

I have tried disabling these lines of code and run… but its the same result.

please have a look and advice

SCRIPT5007: Unable to get property ‘msie’ of undefined or null reference
update-status_popup.aspx, line 17 character 13

    <script>
        $(function () {
            if ($.browser.msie && parseInt($.browser.version, 10) === 6) {
                $('.row div[class^="span"]:last-child').addClass("last-child"); $('[class*="span"]').addClass("margin-left-20"); $(':button[class="btn"], :reset[class="btn"], :submit[class="btn"], input[type="button"]').addClass("button-reset"); $(":checkbox").addClass("input-checkbox"); $('[class^="icon-"], [class*=" icon-"]').addClass("icon-sprite");
                $(".pagination li:first-child a").addClass("pagination-first-child");
            }
        })
    </script>

SCRIPT5007: Unable to get property ‘resize’ of undefined or null reference
update-status_popup.aspx, line 304 character 21

                var reseizeParentColorBox = function () {
                    parent.$.colorbox.resize({
                        innerHeight: $('body').height() + 100
                    });

                    $('input[type="text"]:first').focus();
                };

When I run the application … for the E4.master page,E4_popup.master page and update_status_popup.aspx page the following type of warning comes up

Namespace or type specified in the Imports ‘Telerik.WebControls’ doesn’t contain any public member or cannot be found. Make sure the namespace or the type is defined and contains at least one public member. Make sure the imported element name doesn’t
use any aliases.