Category Archives: UI

Evaluate Lightning Web Components Playground

Salesforce has introduced an online editor to try out Lightning Web Components. Lightning Web Components playground is the new UI development approach that Salesforce has; this is an evolution from the current Aura framework. Salesforce is to allow both Lightning Web Components and Aura frameworks to exist side-by-side.

To not just experiment, but also evaluate design considerations lightning playground can be used. By using the instructions here, new Lightning Web Components playground can also be created on the interactive code Playground editor. Continue reading

Posted in Salesforce, Salesforce Lightning, Salesforce.com, UI. Tagged with , , , .

OAUTH 2.0 AUTHENTICATION SALESFORCE FOR THIRD PARTY APPLICATIONS

Most of the APIs now-a-days incorporate oauth 2.0 authentication salesforce. 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 2.0 salesforce 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/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 directory of our website. It is traditional to start our filename with jQuery in salesforce, followed by the actual plugin name, so we will call this jquery-hello.
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 Chart in Lightning Component

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 it’s standard or custom object, a field associated with that object that should hold any numeric Value, apex controller, apex class. 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 Development

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 mobile app, a very popular CSS library.salesforce 1 mobile app development

Let’s go through the set of steps with sample code for the implementation of AngularJS with Bootstrap mobile app 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.