" Live as if you were to die tomorrow. Learn as if you were to live forever.. "
- Mahatma Gandhi

To Run Javascript On Generated PDF In NetSuite

Posted on November 24th, 2015 by Vijai Vaishnav

In NetSuite you can generate the pdf, along with that you can also add form elements in your document like text box, drop-down list, and radio buttons to make your pdf more interactive. Also you can run JavaScript’s on your generated pdf. Here in this tip you would come to know how to run it. […]

Setting font size of text on Web View with the fixed height of Web View

Posted on November 24th, 2015 by Surbhi Garg

We can find out the height of the Text by   NSString *height = [_webViewstringByEvaluatingJavaScriptFromString:@” document.body.offsetHeight;”]; if([height floatValue] > _webView.frame.size.height) { [_htmlpage appendFormat:@”<html><body><div><a name=’a%d’><font size =’%f’%/>%@</a>”,_text,-(_readerView.frame.size.height*_webView.frame.size.width) /[heightfloatValue],x1]; [_htmlpage appendFormat:@”</div></body></html>”]; } This will set the font size of the text to smaller upto an extent.  

How to make use of Digital Color Meter application in MAC

Posted on November 24th, 2015 by Vishwanath Vallamkondi

We have an application in our MAC called “DigitalColor Meter”. We can use this application into our application to get the color code for RGB. Steps: 1)   Open DigitalColor Meter application in MAC, can use spot light for easy search. 2)   Keep the required mode to “RGB as Percentage” 3)   Using the mouse pointer go to the required […]

Role of DOCTYPE in HTML

Posted on November 24th, 2015 by Priyadarshi Parida

In HTML document from very first line we can notice one tag i.e <!DOCTYPE…< This is not a HTML tag. This doctype refers to a Document Type Declaration(DTD).Most of the time we don’t bother for such tag. In HTML programming we use different versions of HTML like HTML 4.01 Strict, HTML 4.01 Transitional, XHTML 1.0 […]

HTML5 Offline Web Applications

Posted on November 23rd, 2015 by Amit Ghosh

The application cache is controlled by a plain text file called a manifest, which contains a list of resources to be stored for using when there is no network connection. The list can also define the conditions for caching, such as which pages should never be cached and even what to show the user when […]

Resolving Background Scrolling Issue Of Modal Popup Vew In Mobile Devices

Posted on November 23rd, 2015 by Ashis Kumar

Problem: While dealing with a scrollable view where a large numbers of data are shown I faced the following issue. When a popup shows above it, the background scrollable view still has focus and can be  scrolled in mobile devices. After much of the research I got the solution and I am sharing it below […]

Embedding Quicktime player in a Dashboard Widget to Listen to an audio file.

Posted on November 23rd, 2015 by Mithlesh Jha

It is fairly easy to embed a QuickTime player in a Dashboard Widget. Dashcode(The IDE for development of a Dashboard Widget) provides us the library of Controls which can be added to the widget. Just drag the Quicktime player from the library onto the widget main front view. The following code is automatically added in […]

Two minutes to learn Ajax File upload

Posted on November 23rd, 2015 by Dinesh Sahoo

If we have read/seen it somewhere that ” File upload using Ajax”, then it is not through AJAX. File uploading is basically done through an iframe in this case. We have to use an iframe to upload the files. Honestly speaking implementing javascript code using an iframe is quiet difficult for a beginner. In that […]

How To Create A Browser Independent Input Field Placeholder

Posted on November 23rd, 2015 by Dipak Panda

What is a placeholder? The placeholder is some text those are shown as filler text for input fields during page load. Once you put focus on the fields the text disappears and on focusing out, the filler text again gets back to the input field, if nothing has been entered. Do we have something to […]

HTML to PDF conversion using iTextsharp

Posted on November 23rd, 2015 by Smruti Sahoo

The following code snippet demonstrates how to convert a html file into PDF format using iText library in VB.NET. [VB.NET CODE STARTS] First we need to add reference to iTextSharp library. ‘ Add references Imports System.IO Imports iTextSharp.text Imports iTextSharp.text.pdf ‘ Read html file to a string Dim sr As StreamReader = New StreamReader(“YOUR HTML […]

How To Highlight A Row On Selection In Repeater Control

Posted on November 23rd, 2015 by Ashish Kumar

While working with the repeater control I found myself in a scenario where I have a button in the repeater for every column and on the click of that button I need to change the color(highlight) of that row. It’s a very usual case where we need to prepopulate some controls from the databound controls […]

How to resolve resource (CSS, Image) embedding problems?

Posted on November 23rd, 2015 by Saroj Sahu

Details: CFDOCUMENT tag in ColdFusion can be used to create PDF output from a text block containing CFML or HTML. We use images and styles to be embed into the PDF through HTML. Sometimes while trying to embed images and styles to the PDF, we may face issues like, “Invisible images”, “Styles not reflecting”, etc., […]

How to position a div at center of the browser in any resolution of screen

Posted on November 23rd, 2015 by Mritunjay Kumar

Some time we need to set a div at the center of the browser irrespective of different resolutions of output screen. Height attribute set as 100% won’t work. If we set height in pixels then too it may not show properly at the center on screen with different resolutions. So, here is a solution I […]

Create customized context menu for an object using JavaScript and CSS

Posted on November 23rd, 2015 by Stiti Samantaray

One can disable the right click on an object by just specifyingoncontextmenu= “return false;” on the HTML object. If you want to disable the right click option on the whole web page, then use has to call above event on the html <body> tag e.g. <body oncontextmenu= “return false;”>.   You can perform certain task on right […]

Using Meta Tags to prevent Web Page from being Indexed

Posted on November 23rd, 2015 by Monalisa Brahma

There are times when you wouldn’t want Search Engines to index your web page, but how do you go about preventing it?  There are a number of ways to make sure that your web page is not found by the search bots, using meta tags is one of them. Meta tags are tags that provide […]

Entity Escaping

Posted on November 23rd, 2015 by Danish Ahmed

Most of us are aware of how to escape characters in HTML, so that the browser doesn’t process them but still then we do come across instances where characters we have provided in the content is actually treated as code by the browsers. This is especially true when you are working with XML or XHTML […]

Elastic Design In Web Development

Posted on November 23rd, 2015 by Shweta Chottray

Elastic Design is a cool way of designing the layout of our websites so that the layout doesn’t change according to the size of the browser and user’s font preference. It uses ems for setting widths and a max-width style to ensure that the content is not too long. Since the size of an em […]

Make a control non-printable using CSS

Posted on November 23rd, 2015 by Santosh Bisoyi

Most of the time you may come accross a simple implementation like printing a web page. But here I will not discuss about how to print a web page, instead I will discuss on how to not print specific elements on the page with the help of a CSS hack. For example we have a […]

Retrieve the resulting HTML data from a webpage

Posted on November 23rd, 2015 by Naibedya Kar

Sometimes we may need to get the HTML contents of a web page programmatically and without loading it in a browser. The following code can be used for doing it. Let’s take a look..   Private Function ReturnWebData(ByVal URL As String) As String Dim WebResltStr As String = Nothing Dim DtStrm As Stream = Nothing Dim StrmRdr As StreamReader = […]

Use of noscript tag

Posted on November 23rd, 2015 by Rabinarayan Biswal

If Javascript is disbaled in your browser, you can display a warning message to the user by adding “noscript” tag inside the body element. <body> <noscript> <h1> Javascript is disabled in your Browser . Please enable it. </h1> </noscript> …… </body> This noscript tag is supported by all major browsers like IE, Firefox, Opera, GoogleChrome […]

How to add HTML code dynamically from Java file in Wicket

Posted on November 23rd, 2015 by Pranav Kumar

The following steps can be used to add HTML code dynamically, from a Java file in Wicket 1. First store the required html code as a String variable. 2. Create a Label instance by passing the above String in the constructor of the Label. 3. Set “EscapeModelStrings” false for the Label. label.setEscapeModelStrings(false); 4. Add a […]

Using Conditional Statement in CSS Statement or Block For Cross Browser Compatibility

Posted on November 23rd, 2015 by Jeetendra Dhal

Most of us face a great deal of difficulty while designing Web pages or content across browsers with same same look and feel effect. A website that looks cool in a particular browser,  may not look as cool (or may even look ugly) in another browser. The reason behind this is that all browsers do […]

Whats new in HTML5 ?

Posted on November 23rd, 2015 by Danish Ahmed

Much has changed in Web Development but HTML has remained unchanged for a long time, the last major update HTML 4 having been brought in 1999. However, W3C is now coming up with HTML 5 specification with new features to meet demands. The W3C Working Draft of HTML 5 can be found here HTML5 introduces […]

How to create rounded div in CSS by using a single image

Posted on November 23rd, 2015 by Abinash Grahacharya

If you are into web page development,  you are likely to have come across many tutorials and tips explaining how to create rectangles with rounded corners. Some of these tips, tutorials and techniques require you to use multiple images, one for each corner but the fact is you can also create rounded corners with just […]

Applying shadow effect in CSS without using image

Posted on November 23rd, 2015 by Abinash Grahacharya

I want to share some cross-browser compatible CSS techniques to create shadow effect without using an image. We have to first remember that shadow means it should be black and should fade gradually as light effect on the div. If the light effect is from a particular side of the div, the shadow will be […]

Applying multiple styles HTML elements and significance of “!important ” attribute in forcing styles

Posted on November 23rd, 2015 by Sumit Dhal

There can be multiple CSS classes and inline style applied to a single html element. By the default CSS rule, if same style attribute is set with different values on top of a single element, the closest attribute value will dominate in the out put at the browser end. !important is a special attribute that […]

CSS hack for Safari Browser

Posted on November 23rd, 2015 by Chittaranjan Pattnaik

In the current situation it’s a challenging task for the web developers to build websites which is compatible with different and popular browsers available (like IE, Firefox, Mozilla, Safari, Google Crome, Opera etc…) Different browsers have their different ways of serving the web page content and may create problem while using some CSS properties to […]

Make Div same as text box(editable)

Posted on November 23rd, 2015 by Vikas Kumar

Commonly we use textbox & textarea to write text by keyboard.But there is another control which can be used for the same pupose. Its DIV. Generally Div is used as container of other control or to show readonly text by setting the following property of div: contentEditable = “true” It will work same as textarea/textbox […]

CSS Tip : Changing Selected Text Color?

Posted on November 23rd, 2015 by Devi Das

If you are selecting any text in a browser then you will find that the selected text’s background color and color will change so as to indicate that the text is selected. In most of the browsers the background color will change to shades of blue and the color of the text will change to […]

CSS: Combine multiple images into a Sprite to load pages faster

Posted on November 23rd, 2015 by Chittaranjan Nahak

In most web pages we do have images which affects the time required to load the page. Let us take an example, if we have 5 images with each having a size 50KB the web page will load five images(250KB)  and for these five images the server would need five httpRequest which is a time […]

How to add shadow effect using CSS.

Posted on November 23rd, 2015 by Kartikeya Madeshia

It is possible to add the shadow effect to the text in HTML only using CSS3. The “text-shadow” feature is used for this pupose. The text-shadow property is used as follows: text-shadow: 2px 3px 4px #0000FF;   This will produce text with a shadow 2px right and 3px below the text,which blurs for 4px. You […]

Applying stroke effect to text using CSS

Posted on November 23rd, 2015 by Manoranjan Mohapatra

Earlier, if we wanted to apply a outline/stroke effect to text in a web page, we would have to rely on images. But with the latest CSS  we can get the effect without using images. By using CSS text shadow property we can achieve this. Please note,this method is most relevant for the time being […]

English to Chinese site translation

Posted on November 23rd, 2015 by SWARAJ GIRI

Something that hasn’t changed since the pharaohs is the Chinese script . That being said, making a site out of it can be quite a run for your money. Getting the translation is the easy part (thanks to Google translator), but displaying the translated pages in web pages is a totally different scenario. Although there […]

Use an image in your website without linking it to source

Posted on November 23rd, 2015 by Devi Das

Yes you have read it correctly. If you are asking youself how come, then the answer is using Data URI scheme. Data URI is a scheme by which you can add in-line data to a web page. How to do that: This includes the following steps 1. Encode the image to Base64 encoding. The following […]

Firefox 8 Problem in firing mouseover event

Posted on November 23rd, 2015 by Vidya Bhooshan Mishra

Sometime back we created a feature of  highlight text(each word is inside a div) when user moves mouse while keeping left button pressed.A few days ago firefox has launched its new version 8.0,and we are getting the complain of breaking the highlight functionality in firefox 8 while in all other versions it was runing fine […]

How To Attach Events To HTML Elements Created Dynamically

Posted on November 23rd, 2015 by Dipak Panda

In one of my recent applications I had to use a jQuery plugin which need to run when the HTML <li> elements are ready. This plugin creates fancy tool tips for HTML elements having title attribute. The <li> elements were created and appended dynamically to document body, by javascript. So I found that the plugin […]

Making A Sliding Banner Using HTML And CSS3

Posted on November 23rd, 2015 by Snehanjali Sahoo

Let’s say we need three banners to slide down one by one. First we need to create the banner container, containing the three banners. <div class=”bannerContainer”> <div class=”firstBanner animationDetails”> <span class=”biggerText”>Header</span><br/> <span class=”smallerText”>Body</span> </div> <div class=”secondBanner animationDetails”> <span class=”biggerText”>Header</span><br/> <span class=”smallerText”>Body</span> </div> <div class=”thirdBanner animationDetails”> <span class=”biggerText”>Header</span><br/> <span class=”smallerText”>Body</span> </div> </div> Now lets add some […]

Pre-fetch for Fast Rendering: Fetch Page As Background Process

Posted on November 23rd, 2015 by iswajit Maji

What is prefetch? This is very interesting thing in html for sites performance. As name says: suppose you are viewing “abc.html” and as a developer I know there are a high probably that after this  page you will visit “xyz.html”, my trick will be here is to prefetch “xyz.html” while you are viewing “abc.html”. How […]

Making A Smooth Scroll View For Android & iOS in HTML

Posted on November 23rd, 2015 by Ashis Kumar

Problem: Scroll view achieved using CSS overflow scroll property for android & ios devices are never that smooth as they are in the native way. Solution: So, to achieve that smoothness, we need to use CSS positioning property as well as css3 -webkit-overflow-scrolling property. let’s see how we can achieve this. For iOs & Android […]

Simple Way To Set The Height/Width Dynamically Using CSS

Posted on November 23rd, 2015 by Ashis Kumar

While working on the HTML designs, I came across some of the design issues that I would like to share them along with the solutions. Requirement #1: A scrollable view with fixed header and footer with 50px of height ( should work for multiple resolutions ). Basic Layout : <div class=”header”>Header</div> <div class=”content”> Content…. </div> […]

Simple Concept to Design Rating in HTML & CSS

Posted on November 23rd, 2015 by Ashis Kumar

Concept: The basic concept behind this tip is to make a div of particular height and use an empty star image ( assume grey bordered star that will act as blank star ) which will be repeated in x-axis and look something like below Then we need to create another div inside it with same […]