teleren/devto huggingface dataset:
Calling a Screen flow from a Vlocity Action
Tags: salesforce, vlocity
Published: 2022-02-05 17:58:40

This post is exactly what the title says. Calling a Screen flow from a Vlocity Action.

If you're wondering *Why do I have to call a Screen flow from a Vlocity Action?*, just know that I didn't know this was even possible, until I had to build it. Even though it's a very simple thing(realizing after building it), I had to spend quite a bit of time figuring it out. 

So if you're reading up to this point, you're either curios or trying to figure out something similar. Either way, let's get into it.

## Build a flow
If you want to call a screen flow, you'd first need a Screen flow to call! 🤷‍♂️

I'm assuming you already have a flow you want to use. In my case, it was just a simple screen with an input field.

(Before calling this flow from Vlocity action, it was getting called from Quick action and I made use of the same Quick action)

## Build a Vlocity Action
If you've ever launched an Omniscript using Vlocity Action, this is very similar.

Create a new Vlocity Action. Call it whatever you want, but remember the name, you'd need it later. 

**Link type :** Other

Adding a Target URL is where I got confused. If it was an Omniscript, you'd get an URL. How do I get one for a flow?

After a lot of fiddling around, I decided to use the URL that comes up when we actually launch the flow from the record, with few changes.

**Target URL :** `lightning/action/quick/<<OBJECT.ACTION_NAME>>?objectApiName&Context=RECORD_DETAIL&recordId={0}`
**URL Parameter :** `Id`

Here, `{0}` is the contextId, meaning it will be replaced by the Id of the record from where this Action is being called.

## Build a Vlocity card
### Or use already existing one 😅
This is the part where you'd add the Vlocity action you just created to your Card, from where you will be launching the flow.

Select the card, and add your Action. I told you you'd need the name later.😌

You might also have to create and add a Vlocity template to your Layout/Card, depending on whether you used existing layout or created a new one. It is better to use the templates from your org to maintain UI consistency. 

## Final steps
Make sure all your changes are present and Activate your card. 

If you've created a new Card/Layout, you'll have to add it to your Flexipage as well.

### And you've built it!

You can test by clicking on the action and it should launch you straight into the Screen flow.

Thanks for reading. I post stuff on Salesforce, LWC, Vlocity, Frontend development and Design(or at least I wish to). 
You can check out my ongoing LWC series [here](https://dev.to/pvvighnesh/lightning-web-components-introduction-1o0p), and if you like the content, do hit the Follow button! 

![Peace out gif](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rsbudmvrsu9bs91h0oo8.gif)
Why z-index is not working?
Published: 2022-02-05 17:50:15

Hey guys, i am on udemy course which we are creating Responsive web sites with the teacher. I follow him step by step. But when it comes to z-index situation. I can't move my text in front of my images. But teacher does. :/
I don't know i followed him step by step but it won't working.

recent codes are;


`*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 10px;

}

body {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
    background-color: #333;
}

a {
    text-decoration: none;
}

p {
    padding: 1.6rem 0;
}

header {
    
    height: 46rem;
    background: lightskyblue;
}

header .bg-image {
    position: absolute;
    background-image: url(images/fotoğraf2.jpg);
    background-size: cover;
    background-position: center;
    height: 46rem;
    width: 100%;
    opacity: 0.5;
    z-index: -1;
    
    
}

header h1 {
    padding: 12rem;
    padding-bottom: 0;

}

.btn {
    display: inline-block;
    background: #333;
    color: #fff;
    border: 1px solid #666;
    padding: 1.6rem 3.2rem; 
    margin: .5rem 0;
    transition: all 0.4s;
}

.btn:hover {
    background-color: #fff;
    color: #333;
}`

```

```
`
microsoft 365/setup activate key
Published: 2022-02-05 17:48:36

There are many variables to remember while picking either Office and Microsoft 365. Contingent upon what sort of work you need to do on the separate efficiency stages, These virtual products are not distinctive in highlights but rather in valuing. Microsoft 365 being a membership based efficiency suite is essentially a participation style program that is more qualified for Businesses and Workplaces as there is no compelling reason to stress over updates or anything identified with custom.

While Office is a one-time buy and doesn’t offer gifts with it. However as it is a one-time buy, making it more straightforward to work with and simpler to arrangement up. There is no requirement for repeating installments and you can utilize the usefulness program according to your need with any of the application that is incorporated with the product. Microsoft Office incorporates every one of the top notch applications and can be utilized on any gadget, going from Windows PCs to Mac Book Laptops and Smartphones and tablets.



Microsoft 365 is the set of all Office apps with some additional features. Go to microsoft 365/setup to get all the MS office 365 apps on your devices like Windows, Mac, and smartphones. Sign in to Microsoft account or enter the credentials of other Microsoft service accounts such as Outlook.com, OneDrive, Xbox Live, or Skype. Download the Office 365 apps suite from microsoft 365/setup like Word, Access, OneNote, Excel, PowerPoint with additional features like SharePoint Online, cloud storage, Exchange Online, and more.

Check the key on the rear of the retail card. If you bought from Microsoft store, check request history, and see the got affirmation email for different destinations. When you recover the Microsoft keycode, visit [microsoft 365/setup](https://microsof365setup.com) to utilize the keycode or go to actuation windows after establishment.
Mad Libs: A Simple & Easy HTML, CSS, & JavaScript Game Tutorial
Tags: tutorial, html, css, javascript
Published: 2022-02-05 17:38:57

## Mad Libs Game Coding Tutorial

Create your own game of Mad Libs with HTML, CSS, and JavaScript. This step-by-step tutorial will walk you through creating the Mad Libs form to accept user input, styling an HTML form, then accepting and generating a string based on form data!

{% youtube PE7Wr-xzTU8 %}

**What is Mad Libs?**

Mad Libs are stories with words removed and replaced by blank spaces. Each player fills in the blanks for a fun story! Make sure to think outside the box. The wackier, the better! This game is fun for children and adults alike.

**How is the game played?**

Mad Libs is a simple game that only requires users to fill out a form. Once the form has been completed, a story (with their inputs) is created!


![MadLibs-Demo-min.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1644025490532/gknoo79J7.gif)

Mad Libs is an awesome project for new developers because it allows you to practice creating and styling HTML form elements, work with user input, and insert elements into the DOM with JavaScript.

✨ For a step-by-step video tutorial, you can [watch the full tutorial](https://youtu.be/PE7Wr-xzTU8) on my YouTube channel.

✨ For a guided step-by-step document, check out [the project wiki](https://github.com/breehall/MadLibs/wiki/Creating-Winter-Mad-Libs).

✨ To see the completed code, check out the [Mad Libs Github Repo](https://github.com/breehall/MadLibs).

✨ Click [here](https://breehall.github.io/MadLibs/src/madlibs.html) for a live demo of Mad Libs in action!

I would love to see your version of Mad Libs! If you create your own version, leave a link in a comment below. 

---

Thank you for reading! I hope this article was informative or entertaining (or both)! If you liked this post, feel free to like and follow me on my socials around the web. 

<a href="https://linktr.ee/bytesofbree" target="_blank">
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1643474967714/P9EgmkpJ_.png"
alt="Thank you for reading banner and link to Bree Hall's social media profiles">
</a>
Golang Panic Handler Middleware
Tags: go, beginners
Published: 2022-02-05 17:15:41

---
title: Golang Panic Handler Middleware
published: true
date: 2022-02-05 17:10:15 UTC
tags: go,beginners
series: "Sunday Snippet"
canonical_url: https://clavinjune.dev/en/blogs/golang-panic-handler-middleware/
---

![Sunday Snippet #2 go get golang private module](https://clavinjune.dev/img/sunday-snippet/image.png "Sunday Snippet #2 go get golang private module")

Handling panic elegantly:

```go
package main

import (
	"fmt"
	"log"
	"net/http"
)

func handle() http.HandlerFunc {
	return func(w http.ResponseWriter, r *http.Request) {
		panic("i am panic")
	}
}

func handlePanic(next http.HandlerFunc) http.HandlerFunc {
	return func(w http.ResponseWriter, r *http.Request) {
		defer func() {
			if i := recover(); i != nil {
				log.Printf("panic at %s: %v", r.URL.Path, i)
				w.WriteHeader(http.StatusInternalServerError)
				fmt.Fprint(w, http.StatusText(http.StatusInternalServerError))
			}
		}()

		next(w, r)
	}
}

func main() {
	http.ListenAndServe(":8000", handlePanic(handle()))
}
```
My first CLI game: Blackjack!
Tags: python, bash, beginners
Published: 2022-02-05 17:04:11

This is my first attempt at creating the classic casino game, Blackjack, on a text based interface, in Python.
It doesn't use any libraries, it's verbose and clunky but it does the trick.
Still have some debugging to do and some more features to add, but it's my first game, and gosh I'm proud of it :D
If anybody feels like having a look at it, here's the github repo:
[My Github](https://github.com/pascumeister/blackjack)
Any feedback or ideas are very welcome!
Animating Composables. (Bonus - Creating a Clock View with Canvas Api)
Published: 2022-02-05 16:53:21


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/derr9tlswv437vhkavwe.gif)

[Link to Source Code](https://github.com/develNerd/AnimatingCompoables/blob/main/app/src/main/java/ebook/iak/compose/clock/Android12ClockWithTicks.kt)
Using a Python Markdown ast to Find All Paragraphs
Tags: python, webdev
Published: 2022-02-05 16:52:56

---
canonical_url: https://waylonwalker.com/til/python-markdown-ast-paragraph/
published: true
tags:
- python
- webdev
series: til
title: Using a Python Markdown ast to Find All Paragraphs
---

In looking for a way to automatically generate descriptions for pages I stumbled into a markdown ast in python.  It allows me to go over the markdown page and get only paragraph text.  This will ignore headings, blockquotes, and code fences.


``` python
import commonmark parser = commonmark.Parser() ast = parser.parse(p.content)

paragraphs = '' for node in ast.walker():
    if node[0].t == "paragraph":
        paragraphs += " "
        paragraphs += node[0].first_child.literal
```

It's also super fast, previously I was rendering to html and using beautifulsoup to get only the paragraphs.  Using the commonmark ast was about 5x faster on my site.
Create Your AR Application using AR-Core
Tags: sceneform, android, arco, opensource
Published: 2022-02-05 16:31:54




![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j94kenoyidwzfbdfgfph.png)Do we create space-time? A new perspective on the fabric of reality
For the first time, it is possible to see the quantum world from multiple points of view at once. This hints at something very strange – that reality only takes shape when we interact with each other

IMAGINE approaching a Renaissance sculpture in a gallery. Even from a distance, it looks impressive. But it is only as you get close and walk around it that you begin to truly appreciate its quality: the angle of the jaw, the aquiline nose, the softness of the hair rendered in marble.

In physics, as in life, it is important to view things from more than one perspective. As we have done that over the past century, we have had plenty of surprises. It started with Albert Einstein’s theory of special relativity, which showed us that lengths of space and durations of time vary depending on who is looking. It also painted a wholly unexpected picture of the shared reality underneath – one in which space and time were melded together in a four-dimensional union known as space-time.

When quantum theory arrived a few years later, things got even weirder. It seemed to show that by measuring things, we play a part in determining their properties. But in the quantum world, unlike with relativity, there has never been a way to reconcile different perspectives and glimpse the objective reality beneath. A century later, many physicists question whether a single objective reality, shared by all observers, exists at all.

Now, two emerging sets of ideas are changing this story. For the first time, we can jump from one quantum perspective to another. This is already helping us solve tricky practical problems with high-speed communications. It also sheds light on whether any shared reality exists at the quantum level. Intriguingly, the answer seems to be no – until we start talking to each other. …

By Simply Using this block of code you can create your own sceneform object into your application.

For complete setup please look this [article](https://proandroiddev.com/building-arcore-apps-using-sceneform-part-3-4cd392d6284f) by Hari Vignesh Jayapalan

```
private fun makeTextureSphere(hitResult: HitResult, res: Int) {
   Texture.builder().setSource(BitmapFactory.decodeResource(resources, res))
            .build()
            .thenAccept {
                MaterialFactory.makeOpaqueWithTexture(this, it)
                    .thenAccept { material ->
                        addNodeToScene(arFragment, hitResult.createAnchor(),
                            ShapeFactory.makeSphere(
                                0.1f,
                                Vector3(0.0f, 0.15f, 0.0f),
                                material
                            ))

                    }
            }
    }
```

Click [here](https://github.com/surajsahani/AR-Bounceball/blob/main/README.md) for demo application
The simplest drag and drop feature with html and JavaScript - 16 lines
Tags: javascript, html, beginners, tutorial
Published: 2022-02-05 16:06:58

The Code: 

```html
<!Doctype html>
<head>
<script>
const allowDrop = (e) => e.preventDefault();
const drag = (e) => e.dataTransfer.setData("text", e.target.id);
const drop = (e) => {
  var data = e.dataTransfer.getData("text");
  e.target.appendChild(document.getElementById(data));
}
</script>
</head>
<body ondrop="drop(event)" ondragover="allowDrop(event)"
 style="height: 100vh; width: 100vw">

<div ondrop="drop(event)" ondragover="allowDrop(event)"
 style="width:150px; height:50px; padding: 10px; 
border:1px solid black"></div>

<p id="drag" draggable="true" ondragstart="drag(event)">
Drag me into box</p>

</body>
</html>
```

CodeSandbox URL: https://codesandbox.io/s/drag-and-drop-vky2h?file=/index.html
How to add repository to GitHub ?
Published: 2022-02-05 16:03:19

# How to add repository to github

> You should have git installed on your computer 👉 [click here](https://git-scm.com/)

## Create a Repository on Github

![image](https://docs.github.com/assets/cb-11427/images/help/repository/repo-create.png)

Give name and description to your repository and click on create button.

![image](https://docs.github.com/assets/cb-19887/images/help/repository/create-repository-button.png)

## Initialize a local repository

You can initialize a local repository by goto your project path in terminal and use this command

> `$ git init`

## Add files to the local repository

You can use this command to add all files to the local repository

> `$ git add .`

or use this to and a specific file

> `$ git add <filename>`

## Commit the changes

Use this command to commit all files in the staging area

> `$ git commit -m "<commit message>"`

## Connect local repository to github repository

![image](http://iosbrain.com/wp-content/uploads/2017/02/GitHub-new-repo-confirmation-1024x846.png)

select http and copy http url from this page and use this command to connect local repository to github repository

> `$ git remote add origin <url>`

## Push files to github

Use this command to push all files to github

> `$ git push -u origin main`

Now you have added your files to github successfully 🎉

I'm Shiro and ask any question below 👇

Happy Coding! 🚀
Using Firebase Cloud Functions with Nodejs and Express
Tags: javascript, webdev, firebase, node
Published: 2022-02-05 16:03:17

## Prerequisites

You need to know how to deal with nodejs and express framework to get the most out of this post.

##What's Firebase Cloud Functions

Cloud Functions for Firebase is a serverless framework that lets you automatically run backend code in response to events triggered by Firebase features and HTTPS requests. Your JavaScript or TypeScript code is stored in Google's cloud and runs in a managed environment. There's no need to manage and scale your own servers.

##Initialize your nodejs project
1. you need to create new firebase project.
2. install firebase CLI
```
npm install -g firebase-tools
```
then install firebase functions and admin.
```
npm install firebase-functions@latest firebase-admin@latest --save
```
3.Run ``firebase login`` to log in via the browser and authenticate the firebase tool.

then Run ``firebase init functions`` and choose javaScript as your language.

after this commands your project will be successfully structured.

##Let's start our coding journey
-now you need to import firebase functions and express framework. 
- in your ``index.js`` add the following lines
```js
const functions = require('firebase-functions');

const express = require('express');
const app = express();
```
- create our new route by create new user file then create ``user-route.js``

- in your ``user-route.js`` add the following lines
```js
const express = require('express');
const router = express.Router();


router.get('/' , (req , res) =>{
    return res.status(200).json('hello from user route');
});

module.exports = router;
```

- then we need to link our new route with express 
- in ``index.js`` add the following lines
```js
const userRoute = require('./user/user-route');
app.use('/user',userRoute);
```
- the final step in our code is linking express routes with firebase cloud functions in ``index.js`` 
```js
exports.app = functions.https.onRequest(app);
```
- you now can emulate your cloud functions by using the following command 
```
firebase emulators:start
```
- output will be 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nj606kogecguqijse0pe.png)

##Resources
- https://firebase.google.com/docs/functions/

and That's it for this post, I hope you've learned something new, please drop me a comment if you didn't understand something, I also love to hear suggestions for improving, so if you have any, please drop me a comment.
Pushpa logo using HTML & CSS #Pushpa #Thaggedele
Tags: uischool, css, html
Published: 2022-02-08 06:59:55

---
title: Pushpa logo using HTML & CSS #Pushpa #Thaggedele
published: true
date: 2022-02-05 15:49:01 UTC
tags: UISchool,css,html
canonical_url: https://codingislove.com/pushpa-logo-html-css/
---

I made this awesome Pushpa logo using HTML and CSS. I have used the power of CSS mask-image to give the logo a nice fingerprint texture as seen in the original movie.

Don’t miss Allu Arjun’s dialogue at the end ![🤘]

{% youtube 1VSCvnWyZTQ %}

The post [Pushpa logo using HTML & CSS #Pushpa #Thaggedele](https://codingislove.com/pushpa-logo-html-css/) appeared first on [Coding is Love](https://codingislove.com).
RoughNotation.js, A JavaScript library to create and animate annotations | Spotlight of the day
Tags: devresources, spotlightoftheday, css, html
Published: 2022-02-08 06:55:44

---
title: RoughNotation.js, A JavaScript library to create and animate annotations | Spotlight of the day
published: true
date: 2022-02-05 15:46:15 UTC
tags: Devresources,Spotlightoftheday,css,html
canonical_url: https://codingislove.com/animated-annotations-javascript/
---

Rough Notation uses RoughJS to create a hand-drawn look and feel. Elements can be annotated in a number of different styles. Animation duration and delay can be configured, or just turned off.

Rough Notation is 3.8kb in size when gzipped, and the code is available on GitHub.

Reference links:

- RoughNotation Github – [https://github.com/rough-stuff/rough-notation](https://github.com/rough-stuff/rough-notation)
- RoughNotation website – [https://roughnotation.com/](https://roughnotation.com/)

{% youtube EN-WGLPD1-c %}

The post [RoughNotation.js, A JavaScript library to create and animate annotations | Spotlight of the day](https://codingislove.com/animated-annotations-javascript/) appeared first on [Coding is Love](https://codingislove.com).
How To Use Zoom To Improve And Grow Your Business
Tags: business
Published: 2022-02-05 15:29:34


Are You Ready To Improve And Grow Your Business?
It’s About Time For You To Master Zoom!
The coronavirus pandemic has led to a significant rise in the use of this online application!

FIRST NAME,
The coronavirus pandemic has led to a significant rise in the use of video conferencing platforms, and in particular the Zoom platform.
More and more business owners and individuals want to know how Zoom can help them to improve and grow their businesses.
The Zoom webinar platform offers you a great opportunity to generate more leads and sales.
Click the link below now to learn how to improve and grow your Business with Zoom!
[>>>LINK TO FE SALES PAGE](https://www.digistore24.com/redir/423582/Mohammad97/)
Make it a great day!



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sqmoomy2dcl2a3q58cw2.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0xt8ygb5mmw8v1to10ng.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/41orgwgz0csnq49dlf1c.png)