Tutorial by Examples: l

In office OpenXML, a picture that is inserted into a word document is considered a "Blip" Object or element. The class is derived from the DocumentFormat.OpenXml.Drawing the Blip must have an Embed value that is an imagePart ID. The Blip object then goes inside a BlipFill Object/element, a...

Now you have a reference of the image. Insert the image into the shapes in the template document. To do this, you will have to use some LINQ to iterate through the document and get a reference to all the shapes in the document. The wps:spPr element you see in the above XML code is the xml element fo...

Now that you have a collection of all the shape references in the document. Loop through the collection with a foreach, and through each iteration create a Blip object. Set the Blip object embed value to the picture ID reference you captured earlier from the image part. Also create a Stretch object...

Conditionals in Pug can evaluate statements in a manner similar to JavaScript. You can evaluate variables created in Pug, or those passed to it by your route (res.render, pug.renderFile, etc). index.js var authorized = true res.render("index", { authorized: authorized }); index...

You can choose to prepend an if or else operator with a dash, but it is not necessary. You will need to wrap the statement in parentheses, though (if you omit a dash, you do not need parentheses.) - var showLogin = false; - if (showLogin === true) .welcome Welcome back to our website! - else...

You can chain any number of else if statements to an existing if statement, to evaluate a sequence of statements. index.pug - var page = 60; if page => 52 h1 Lots of numbers! else if page > 26 && page < 52 h1 A few numbers else h1 Not a lot of numbers index.pu...

unless is the inverse operation of if in Pug. It is analogous to if !(statement). index.pug - var likesCookies = true; unless likesCookies === true h2 You don't like cookies :( else h2 You like cookies! index.pug output <h1>You like cookies!</h1> Note: else unless st...

rails new my_app cd my_app Gemfile gem 'friendly_id', '~> 5.1.0' # Note: You MUST use 5.0.0 or greater for Rails 4.0+ rails generate friendly_id rails generate scaffold user name:string slug:string:uniq rake db:migrate edit app/models/user.rb class User < ApplicationRecord exten...

For a class-less React component: function SomeComponent(props){ const ITEMS = ['cat', 'dog', 'rat'] function getItemsList(){ return ITEMS.map(item => <li key={item}>{item}</i>); } return ( <ul> {getItemsList()} ...

Getting started with Ext JS 6. Prerequisite steps: Download Sencha Cmd 6 and install it with sencha command set in environment path variables. Download trail version of Sencha SDK (ext-6.2.1.zip) and unzip it.(on location D:\ext-6.2.1) System is ready to create Extjs 6 application. Create ...

Since you need to sort & rename the fields, the best option will be the Sort Component in the Data Flow task (like you mentioned) . If you only want to rename columns, then use the "Derived Column" component. The Sort component should look as follows: In my example, you can see the ...

Installation of a vmod requires an installed version of Varnish Cache, including the development files. Requirements can be found in the Varnish documentation. Source code is built with autotools: sudo apt-get install libvarnishapi-dev || sudo yum install varnish-libs-devel ./bootstrap # If run...

Varnish controls and manipulates HTTP requests using Varnish Configuration Language (VCL). The following snippet of VCL removes cookie from incoming requests to /images subdirectory: sub vcl_recv { if (req.url ~ "^/images") { unset req.http.cookie; } }

The easiest way to create a style is to copy an existing one and edit it. Create a simple window with two buttons: <Window x:Class="WPF_Style_Example.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsof...

Taking the previous example, removing the x:Key element of the style applies the style to all buttons in the Application scope. <Style TargetType="{x:Type Button}"> <Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}"/> ...

Starting with the following ComboBoxes: <Window x:Class="WPF_Style_Example.ComboBoxWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft....

The following Window has been created: <Window x:Class="WPF_Style_Example.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/e...

Note: This setup guide assumes that you have Java and Eclipse already installed on your machine. If you do not, download the latest version of the Java Development Kit (henceforth referred to as the JDK) and the latest version of Eclipse (Neon 3 at time of writing). Step One: Downloading LWJGL To...

Here we will see a simple example of using the MessagingCenter in Xamarin.Forms. First, let's have a look at subscribing to a message. In the FooMessaging model we subscribe to a message coming from the MainPage. The message should be "Hi" and when we receive it, we register a handler wh...

Liquid code can be categorised into objects, tags and filters. Objects Objects tell Liquid where to show content on a page. Objects and variables are denoted with double curly braces. {{ and }} <!-- input --> {{ page.title }} <!-- output --> Getting started with Liquid Tags T...