Category Archives: UI

OAUTH 2.0 AUTHENTICATION FOR THIRD PARTY APPLICATIONS

Most of the APIs now-a-days incorporate oauth 2.0 authentication. It is not as complicated as it may seem at times, provided the right links and documentation are found. Microsoft APIs are extremely helpful and useful, but to access them from a third party application is when its needed, for the entire process of registration and access token retrieval, to be followed; to comply with the oauth authentication in place.

For office365 (2016) APIs the links that would help access these APIs would be of the format https://outlook.office.com/api/{version}/me/

me – represents the logged in user
{version} – v2.0 or v1.0
/… – events (for outlook calendar API)

The first step, as hundreds of websites mentions, is to register the application. To be a little more comprehensive on this point, I would like to mention that it is not required to deploy any kind of code or application into the registration portal.

https://apps.dev.microsoft.com is free if you have access to a Microsoft office account.

The registration process is a way of letting Microsoft know that a particular app is going to access its APIs. It is a good practice to name the app appropriately as it will appear on the screen when the application, that is being developed, navigates to the login page.

mirketa_oAuthAppRegistration

Application id is the client id which is needed to be provided in the headers when requests are made for authorisation code and access token.
Continue reading

Posted in Agile, AGILE Tools, J2EE, JAVA, Java Script, JIRA, UI, WEB SERVICES. Tagged with , , , , .

jQuery tutorial for beginners

What is jQuery?

jQuery is a lightweight, “write less, do more”, JavaScript library. jQuery is a fast, small, and feature-rich JavaScript library. It makes HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. jQuery is absolutely amazing. It’s cross-browser, easy to learn, and makes adding interactivity to your website a breeze.

How to setup jQuery file with html

Before we can do anything, we need to establish our file and link it to our HTML document. First, we will create our plugin file and put it in the “js” directory of our website. It is traditional to start our filename with “jQuery,” followed by the actual plugin name, so we will call this “jquery-hello.js”.
Continue reading

Posted in Agile, CSS, HTML/CSS, Java Script, UI. Tagged with , , , , .

Introduction to Atlassian Connect

Mirketa_Introduction_to_Attlasian connect

What is Atlassian Connect Framework?

Atlassian Connect framework is used to develop add-ons for Atlassian applications like Jira and Confluence.

Atlassian Connect add-ons are web applications. They operate remotely over HTTP and can be written in any programming language.
Continue reading

Posted in Agile, CSS, HTML/CSS, J2EE, JAVA, JIRA, JIRA on Demand, Mirketa Atlassian Connect, Mirketa Atlassian Framework, MirketaInc, UI, UX. Tagged with , , .

Dynamic Gauge in salesforce

Salesforce provide us standard functionality to create Reports and dashboards to represent record in diagrammatic form. Sometimes we face the requirement to represent our data in diagrammatic Form on visual force page in some specific type of diagram we represent it using chart. Salesforce provide us Bar chart, Pie chart, Gauge chart, Radar charts

Here I am going to explain how we can represent specific field data in the form of gauge chart. To achieve this requirement we need four things basically. First we should have an object whether its standard or custom object, a field associated with that object that should hold any numeric Value, apex controller, apex class.

I will start with object lets say I have a standard controller Account where I have a custom field Score and I need to represent that score in the form of gauge. Whenever page loads that value represent in the form of gauge and whenever the fields value changes the gauge should reflect that Change.

Continue reading

Posted in Apex Controller, apex develeopment, Apex Development, Dynamic Gauge In Salesforce, force.com app development, Force.com Offshore, HTML/CSS, Salesforce, salesforce administrator, salesforce certified, salesforce certified developer, Salesforce cloud Implementation, salesforce community implementation, salesforce consultant, salesforce customization, salesforce development, Salesforce Dynamic Gauge, Salesforce.com, UI, Visualforce. Tagged with , , , , , .

AngularJS with Bootstrap for Salesforce1 Mobile App Visualforce Page

AngularJS is a very popular JavaScript user interface (UI) libraries. It is used for data binding based on MVC pattern. If you need some CSS magic then I recommend using Bootstrap, a very popular CSS library.Blog on AngularJs - Boot Strap for VIsualforce

Let’s go through the set of steps with sample code for the implementation of AngularJS with Bootstrap on a Visualforce page. Continue reading

Posted in apex develeopment, Apex Development, HTML/CSS, Learn Salesforce, salesforce administrator, salesforce certified, salesforce consultant, salesforce development, salesforce Tips & Tricks, Salesforce1 Mobile app development, UI, UX, Visualforce.

Get the Right Color Code –Using Eye Dropper Tool- It’s FREE!!

Hi everyone, let me share a brief overview and the usage of a tool essential for day to day UX & UI designing. Let’s say, if you want to change headings, background, and paragraph colors, you don’t need to Photoshop and Paint, instead use the Eye Dropper tool extension for Google Chrome.  Eye Dropper is an open source extension for Google Chrome which allows you to pick colors from various sources.

Mirketa_Eye_Dropper_Tool

 

Continue reading

Posted in Graphic Design, HTML/CSS, UI, UX.
Skip to toolbar