Skip to main content

Posts

Showing posts from September, 2012

Create multi pages with dnn in one time

Dear All,
This created goes to one of my new join employee name Fahad Asghar, he find the new thing in dnn that makes the life easy for making the multi pages in one go..

Here is the solution

1) Login with your DNN website
2) Click on the Page Link at the top bar
3) Write all page name under the page management text area

here is the criteria for the pages

Root Page 1
Root Page 2
>Sub Page 1 Root Page 2
>Sub Page 2 Root Page 2
>>Sub Page 1 of Sub Page 2
>>Sub Page 2 of Sub Page 2

and so on, so you can made different page hierarchy  in one go with dnn

Thanks again for Fahad

Regards
Rashid Imran Bilgrami
CEO
http://www.bestvisualization.com

Multi chart with Google Chart API Method 2

This method is very simple as compared to previous one


<!-- Graph Script Strat-->

<!-- Call Google API -->
 <script type="text/javascript" src="http://www.google.com/jsapi"></script>

// Create graph package
    <script type="text/javascript">
        google.load('visualization', '1', { packages: ['corechart'] });
    </script>


    <script type="text/javascript">
//  Write my own function

        function drawVisualization() {
            // Create and populate the data table.
          var data = google.visualization.arrayToDataTable([
          ['Required Money', 'Number Of People'],

//  assigning the value from the code behind
          ['Up to 500 SAR', <asp:Literal ID="v1" runat="server"></asp:Literal>],
          ['Up to 500 to 1,000 SAR', <asp:Literal ID="v2" runat="server"></asp:L…

Multi chart with Google Chart API

Hi friends,
Today i am sharing how you create a multi chart with Google API  in single page. The code is defined below:



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>Google Charts Tutorial</title>

        <style type="text/css">
            #eventsExample {
                position: relative;
            }
            #details0, #details1, #details2, #details3 {
                visibility:hidden;
                background: #FFFF7F;
                border: solid 1px;
                width: 350px;
                padding: 5px;
                font-size:smaller;
                position:absolute;
                top: 250px;
            }
        </style>


        <!-- load Google AJAX API -->
        <script type="text/javascript" src="http://www.google.com/jsapi"></script>
        <script type=&quo…

How to access control under header template in c#

Hi every one
I do the following code for accessing the user control in datalist header


Here is the code for you
Control HeaderTemplate = DataList1.Controls[0].Controls[0];
DropDownList myDropdown = HeaderTemplate.FindControl("DropDownList1") as DropDownList;

myDropdown.SelectedValue.ToString()

Regards
Rashid Imran Bilgrami
CEO
Best visualization
http://www.bestvisualization.com

Dynamically loading an external JavaScript or CSS file For Ajax mobile apps

Hi every one,
If you want to load the js or css file after the page load or after the document.readystate then you must follow the following underneath functions

To load a .js or .css file dynamically, in a nutshell, it means using DOM methods to first create a swanky new "SCRIPT" or "LINK" element, assign it the appropriate attributes, and finally, use element.appendChild() to add the element to the desired location within the document tree. It sounds a lot more fancy than it really is. Lets see how it all comes together:

function loadjscssfile(filename, filetype){
 if (filetype=="js"){ //if filename is a external JavaScript file
  var fileref=document.createElement('script')
  fileref.setAttribute("type","text/javascript")
  fileref.setAttribute("src", filename)
 }
 else if (filetype=="css"){ //if filename is an external CSS file
  var fileref=document.createElement("link")
  fileref.setAttribut…