20% longer updates and support with licenses in the next 20 days

Your opportunity to get one of a limited edition run of 20 pieces of the book "Delphi Hands-on with TMS FNC Maps"

O maior evento Delphi do mundo irá acontecer novamente este ano. Mesmo com toda a situação da pandemia do COVID-19, a Embarcadero Conference 2020 irá se realizar no dia 20 de Outubro, em um novo formato, 100% online.

Apesar dos participantes perderem algumas coisas que só acontecem em eventos presenciais, com conversas valiosas e trocas de experiências com outros participantes nos intervalos das sessões, haverá benefícios interessantes nesse novo formato:

• Taxa de inscrição mais acessível;
• Você pode participar de onde estiver - sem precisar pegar um avião e reservar um hotel;
• As palestras serão gravadas, assim os participantes não perderão nenhuma delas!

Note que todas as palestras devem ser ao vivo. Assim, mesmo que elas sejam gravadas para serem vistas depois, escolhendo a palestra a participar trará os benefícios de poder interagir com o palestrante, fazer perguntas, conversar com os outros participantes, e assim por diante.

Assim, aqui estão nossas sugestões para as palestras pra você participar:

9 am - SERVIÇOS NA NUVEM: NÃO COMETA ESTES ERROS! (Wagner Landgraf)

Após anos lidando com desenvolvimento de serviços na nuvem, seja criando aplicações ou frameworks dedicados nessa área, o palestrante mostrará os principais conceitos, segredos, dicas e experiências para a construção de serviços na nuvem em Delphi. É um compartilhamento das experiências reais, problemas reais e sucessos reais, focando nas armadilhas e problemas que podem ocorrer ao longo do desenvolvimento e mostrando as soluções e prevenções para tais.

1 pm - SEU PRIMEIRO CRUD COM TMS WEB CORE (Marcos Moreira)

Será mostrado como configurar o ambiente, criar sua primeira aplicação, e os aspectos para sua distribuição.

3:40 pm - TMS ACADEMIC - THE TMS SOFTWARE ACADEMIC PROGRAM (Wagner Landgraf)

O programa TMS Academic será apresentado - suas motivações, seu futuro e como embarcar neste programa para obter licenças 100% gratuitas e funcionais dos produtos TMS se você for um aluno ou professor!

Visite a página oficial da Embarcadero Conference 2020, registre-se e participe!

---

The biggest Delphi event in the world is coming again this year. Even with all the COVID-19 pandemic situation, Embarcadero Conference 2020 in Brazil will happen on October, 20th, in a new format, 100% online.

Even though attendants will lose some things, like the great and valuable in-person conversations, there will be some great benefits with this format:

• More affordable fee;
• You can participate from where you are - no need to take a plane and book a hotel;
• Sessions will be recorded so attendants won't miss any of them!

Note that all sessions are supposed to be live. So even though they will be record, choosing a session to attend will bring you the benefit of interacting live with the speaker, asking questions, chatting with other attendants, and so on.

Thus, here is our suggestions for sessions you could attend:

9 am - CLOUD SERVICES: DON'T MAKE THESE MISTAKES! (Wagner Landgraf)

After years of dealing with cloud service development, whether creating applications or dedicated frameworks in this area, the speaker will show the main concepts, secrets, tips and experiences for building cloud services with Delphi. He will share real experiences, real problems and real successes, focusing on the pitfalls and problems that can occur throughout development and showing the solutions and preventions for them.

1 pm - YOUR FIRST CRUD WITH TMS WEBCORE (Marcos Moreira)

You will be shown how to configure the environment, create your first application, and the aspects for its distribution.

3:40 pm - TMS ACADEMIC - THE TMS SOFTWARE ACADEMIC PROGRAM (Wagner Landgraf)

The TMS Academic program will be presented - the motivations, the future, and how to embark in this program to get 100% free and functional licenses of TMS products if you are a student or a teacher!

Visit the Embarcadero Conference 2020 official page, register and participate.

Available courses

What is the language spoken in the course?

Full source code for examples

Your Instructor

Company foundation

First steps

A technical adventure with software progress and new frameworks

Our ultra limited anniversary gift for you!

A big thank you to family, friends, colleagues and community

A big thank you to you, loyal customer

Let passion drive the future

Team Effort

• Introducing Apple MapKit JS service
  
  
  
  
• TTMSFNCOpenLayers with the ability to configure a custom tile server
• TTMSFNCMapBox & TTMSFNCTomTom with a property to control the map style
• Anchoring & Z-Index support in TTMSFNCGoogleMaps
• TTMSFNCElevation: A new non-visual component to retrieve elevation data based on coordinate
• Greatly Improved performance loading & parsing GPX files
• Faster loading of markers & poly elements
• Getting elevation data from GPX files

• Bart Holvoet: Extensive API knowledge and master in REST services, implementation
• Gjalt Vanhouwaert: Intensive feedback & testing, creating cross-platform demos
• Holger Flick: Providing feedback & testing, creator of the TMS FNC Maps book
• Pieter Scheldeman: Architecture & design choices, research on APIs & services, implementation
• Masiha Zemarai: Marketing campaign, social media & support

REST API & mapping services

Creating cross-platform demos

Edge Chromium

TMS FNC Maps Book

Intro

1) Make sure Microsoft Edge Chromium is available on your system

• Install the latest Windows updates.
• Install BETA, DEV or CANARY build: https://www.microsoftedgeinsider.com/en-us/download/
• Install the Evergreen WebView2 runtime: https://developer.microsoft.com/en-us/microsoft-edge/webview2/

2) Copy the necessary DLLs to communicate with WebView2 embedded browser control

Deploying your application to your customer

In this article, we start from a TWebResponsiveGrid and use it to demonstrate various tricks that apply throughout the TMS WEB Core framework but are here in combination with the TWebResponsiveGrid perfect to show. The purpose of the article is to show how well the web HTML/CSS world blends with the Delphi developers components world and this in different & flexible ways. We will show you a couple of techniques to customize TWebResponsiveGrid items and make these interactive.

TWebResponsiveGrid intro

Beyond simple HTML in items

  for i := 0 to 20 do
  begin
    WebResponsiveGrid1.Items.Add.HTML := 'Grid item '+i.ToString+'
OK>/button>';
  end;

  AddCSS('respgriditem','.mygriditem { background-color: aliceblue; border-radius: 4px; border: 1px solid darkgray; padding:10px; font-name: Arial; font-size: 12pt;}');
  AddCSS('respgrid','.mygrid {padding:10px;}');

  WebResponsiveGrid1.ElementClassName := 'mygrid';
  WebResponsiveGrid1.Options.ItemClassName := 'mygriditem';

Blending the Object Pascal world with HTML elements

  TForm3 = class(TWebForm)
  public
    { Public declarations }
    procedure ButtonClick(Sender: TObject);
  end;

procedure TForm3.WebFormCreate(Sender: TObject);
var
  i: integer;
  btn: TWebButton;
begin
  for i := 0 to 20 do
  begin
    WebResponsiveGrid1.Items.Add.HTML := 'Grid item '+i.ToString+'
OK';

    btn := TWebButton.Create('btn'+i.ToString);
    btn.Tag := i;
    btn.OnClick := ButtonClick;
  end;
end;

procedure TForm3.ButtonClick(Sender: TObject);
begin
  if (Sender is TWebButton) then
    WebListbox1.Items.Add('Clicked button ' +(Sender as TWebButton).Tag.ToString);
end;

  for i := 0 to 20 do
  begin
    chk := TWebCheckBox.Create(Self);
    chk.ShowFocus := false;
    chk.ParentElement := WebResponsiveGrid1.Items[i].ElementHandle;
    chk.Tag := i;
    chk.OnClick := ButtonClick;
    WebResponsiveGrid1.Items[i].ItemObject := chk;
  end;

    chk.ParentElement := WebResponsiveGrid1.Items[i].ElementHandle;

  for i := 0 to 20 do
  begin
    (WebResponsiveGrid1.Items[i].ItemObject as TWebCheckBox).Checked := true;
  end;

procedure TForm3.ButtonClick(Sender: TObject);
begin
  if (Sender is TWebButton) then
    WebListbox1.Items.Add('Clicked button ' +(Sender as TWebButton).Tag.ToString);

  if (Sender is TWebCheckBox) then
  begin
    if (Sender as TWebCheckBox).Checked then
      WebListbox1.Items.Add('Checked checkBox ' +(Sender as TWebCheckBox).Tag.ToString)
    else
      WebListbox1.Items.Add('Unchecked checkBox ' +(Sender as TWebCheckBox).Tag.ToString);
  end;
end;

Summary

20% longer updates and support

WIN a limited edition "Delphi Hands-on with TMS FNC Maps"

We are getting closer to the next milestone of our TMS WEB Core for Visual Studio Code project. So, this is an ideal moment for letting TMS ALL-ACCESS users have access to the TMS WEB Core for Visual Studio Code v1.1 beta that we released today.

New features v1.1 beta

• Support for creating PWA's (Progressive Web Applications, i.e. installable and offline usable apps for iOS and Android mobile devices).
• Support for Electron cross platform desktop apps (Windows, macOS, Linux)
• In sync with the TMS WEB Core framework latest release v1.5.5.2
• Lots of further polishing on IDE integration in Visual Studio Code.

Roadmap Q4 2020/Q1 2021

Summary

• Large number of included visual and non-visual components: With these components, a RAD approach allows you to build solutions fast.
• Visual data-binding: A data-binding mechanism similar to Delphi VCL data-binding enables to hook-up your client application via client datasets to data sent from a REST API based backend quickly.
• Use existing or custom HTML web templates: The Visual Studio Code IDE has built-in strong support for editing HTML/CSS and a vast array of extensions. This adds even more power to it. The visual designer shows the pages ”as is” using the templates.
• Integrate any existing JavaScript library: The underlying pas2js compiler for transpiling Object Pascal code to JavaScript code running in the browser facilitates programmatic access to any existing JavaScript library. This opens up the huge availability of all kinds of easily available web functionality to integrate.
• Debug using Object Pascal code: All modern debugging capabilities like breakpoints, watches, stepping in code, ... can be done in the Object Pascal code base from the Visual Studio Code IDE.
• Project compatibility with Delphi. Create projects in Delphi and open & work further on these in Visual Studio Code and vice versa.

Get in the front seat today

TAdvWebBrowser/TTMSFNCWebBrowser

Get started

TAdvWebBrowser built-in features

AdvWebBrowser.Navigate(AURL);
AdvWebBrowser.goBack;
AdvWebBrowser.goForward;

procedure TForm.AdvWebBrowserNavigateComplete(Sender: TObject;
  var Params: TAdvCustomWebBrowserNavigateCompleteParams);
begin
  ListBox1.Items.Add(Params.URL);

  Back.Enabled := AdvWebBrowser1.CanGoBack;
  Forward.Enabled := AdvWebBrowser1.CanGoForward;
end;

AdvWebBrowser1.LoadHTML(MyHTML);

Go to the next level

AdvWebBrowser.ExecuteJavascript('document.getElementById("myParagraph").innerHTML = "' + s + '";');

AdvWebBrowser.ExecuteJavascript('function GetHTML(){return document.documentElement.innerHTML;} GetHTML();',
   procedure(const AValue: string)
   begin
     memo.Lines.Text:= TJSONObject.ParseJSONValue(AValue).Value;;
   end
   );

TMyBridgeObject = class(TInterfacedPersistent, IAdvCustomWebBrowserBridge)
  private
    function GetObjectMessage: string;
    procedure SetObjectMessage(const Value: string);
  published
    property ObjectMessage: string read GetObjectMessage write SetObjectMessage;
  end;
  
  procedure TMyBridgeObject.SetObjectMessage(const Value: string);
  begin
    //Use the Value parameter.
  end;
 

 AHTML := '' + #13 + 
          ' ' + #13 +
          '   ' + #13 + 
          ' ' + #13 + 
		  ' ' + #13 + 
		  '  Yes!' + #13 + 
		  ' ' + #13 + 
		  '';
  o := TMyBridgeObject.Create;
  AdvWebBrowser1.AddBridge(BridgeName, o);

Intro

Editing

• Inplace editing
• Dialog editing
• Custom editing

Inplace editing

Dialog editing

Custom editing

type
  TCustomInplaceEditor = class(TTMSFNCCustomControl)
  private
    FHTMLImport: TTMSFNCRichEditorHTMLIO;
    FRichEditor: TTMSFNCRichEditor;
    FRichEditorToolBar: TTMSFNCRichEditorFormatToolBar;
    FScrollBox: TScrollBox;
  public
    constructor Create(AOwner: TComponent); override;
  end;

implementation

{ TCustomInplaceEditor }

constructor TCustomInplaceEditor.Create(AOwner: TComponent);
begin
  inherited;
  FScrollBox := TScrollBox.Create(Self);
  FScrollBox.Parent := Self;
  FScrollBox.Align := TAlignLayout.Client;

  FRichEditor := TTMSFNCRichEditor.Create(FScrollbox);
  FRichEditor.Parent := FScrollbox;

  FRichEditorToolBar := TTMSFNCRichEditorFormatToolBar.Create(FScrollbox);
  FRichEditorToolBar.RichEditor := FRichEditor;
  FRichEditorToolBar.Parent := FScrollbox;

  FRichEditor.Position.Y := FRichEditorToolBar.Height;

  FRichEditor.Width := FRichEditorToolBar.Width;

  FHTMLImport := TTMSFNCRichEditorHTMLIO.Create(Self);
  FHTMLImport.RichEditor := FRichEditor;
end;

procedure TForm1.TMSFNCPlanner1GetInplaceEditor(Sender: TObject; AStartTime,
  AEndTime: TDateTime; APosition: Integer; AItem: TTMSFNCPlannerItem;
  var AInplaceEditorClass: TTMSFNCPlannerInplaceEditorClass);
begin
  AInplaceEditorClass := TCustomInplaceEditor;
end;

procedure TForm1.TMSFNCPlanner1AfterOpenInplaceEditor(Sender: TObject;
  AStartTime, AEndTime: TDateTime; APosition: Integer;
  AItem: TTMSFNCPlannerItem; AInplaceEditor: TControl;
  AInplaceEditorRect: TRectF);
var
  c: TCustomInplaceEditor;
begin
  c := (AInplaceEditor as TCustomInplaceEditor);
  c.SetBounds(c.Left, c.Top, c.FRichEditorToolBar.Width + 20, 200);
  c.FHTMLImport.InsertHTML(AItem.Text);
end;

procedure TForm1.TMSFNCPlanner1BeforeUpdateItem(Sender: TObject; AStartTime,
  AEndTime: TDateTime; APosition: Integer; AItem: TTMSFNCPlannerItem;
  var ATitle, AText: string; var ACanUpdate: Boolean);
var
  c: TCustomInplaceEditor;
  sl: TStringList;
begin
  c := (TMSFNCPlanner1.GetInplaceEditor as TCustomInplaceEditor);
  sl := TStringList.Create;
  try
    sl.Text := c.FRichEditor.ContentAsPlainHTML;
    AText := sl.Text;
  finally
    sl.Free;
  end;
end;

procedure TForm1.TMSFNCPlanner1AfterOpenUpdateDialog(Sender: TObject;
  AStartTime, AEndTime: TDateTime; APosition: Integer;
  AItem: TTMSFNCPlannerItem);
begin
  TMSFNCPlanner1.GetEditingDialog(AItem.Index).ButtonRemove.Visible := False;
end;

function FindChild(AContainer: TControl; AName: String): TControl;
var
  I: Integer;
begin
  Result := nil;
  for I := 0 to AContainer.ControlsCount - 1 do
  begin
    if AContainer.Controls[I].Name = AName then
    begin
      Result := AContainer.Controls[I];
      Break;
    end;
    Result := FindChild(AContainer.Controls[I], AName);
  end;
end;

procedure TForm1.TMSFNCPlanner1ItemToCustomContentPanel(Sender: TObject;
  AItem: TTMSFNCPlannerItem; AContentPanel: TControl);
var
  l: TLabel;
  c: TCheckBox;
  img: TImage;
  b: TColorComboBox;
begin
  l := FindChild(AContentPanel, 'lblPatient') as TLabel;
  l.Text := 'Patiënt: ' + AItem.Title;
  c := FindChild(AContentPanel, 'chkOperation') as TCheckBox;
  c.IsChecked := AItem.DataBoolean;
  img := FindChild(AContentPanel, 'imgPatient') as TImage;
  img.Bitmap.Assign(TMSFMXBitmapContainer1.FindBitmap(AItem.DataString));
  b := FindChild(AContentPanel, 'cboCategory') as TColorComboBox;
  b.Color := AItem.Color;
end;

procedure TForm1.TMSFNCPlanner1CustomContentPanelToItem(Sender: TObject;
  AContentPanel: TControl; AItem: TTMSFNCPlannerItem);
var
  c: TCheckBox;
  b: TColorComboBox;
begin
  c := FindChild(AContentPanel, 'chkOperation') as TCheckBox;
  b := FindChild(AContentPanel, 'cboCategory') as TColorComboBox;
  AItem.BeginUpdate;
  AItem.Color := b.Color;
  AItem.DataBoolean := c.IsChecked;
  AItem.EndUpdate;
end;

procedure TForm1.TMSFNCPlanner1GetCustomContentPanel(Sender: TObject;
  AItem: TTMSFNCPlannerItem; var AContentPanel: TControl);
begin
  if Assigned(AItem) and (AItem.Resource = 1) then
    AContentPanel := Panel1;
end;

Today we want to bring to your attention two totally different TMS WEB Core features. These little tidbits that can bring your TMS WEB Core web client application from good to great. The first is about handling application termination and the second is about getting something more out of TWebStretchPanel.

Application termination

type
  TForm1 = class(TWebForm)
  public
    { Public declarations }
    s: string;
  end;

procedure TForm1.WebFormCreate(Sender: TObject);
begin
  s := '';
end;

procedure TForm1.WebButton1Click(Sender: TObject);
begin
  s := 'Action needed before leaving';
end;

procedure TForm1.WebFormBeforeUnload(Sender: TObject; var AMessage: string);
begin
  AMessage := s;
end;

procedure TForm1.WebFormUnload(Sender: TObject);
begin
  if (s <> '') then
    DoHandleUnloadHere;
end;

Stretching the use of the TWebStretchPanel

procedure TForm1.WebButton2Click(Sender: TObject);
begin
  WebListControl1.Items.Add.Text := 'Item ' + WebListControl1.Items.Count.ToString;
end;

procedure TForm1.WebButton3Click(Sender: TObject);
var
  it: TListItem;
begin
  it := WebListControl1.Items[WebListControl1.Items.Count - 1];
  it.Free;
end;

procedure TForm1.WebFormCreate(Sender: TObject);
begin
  AddCSS('btnmargin','.btnmargin { margin:10px; float:left; outline:none; border:none;} .btnmargin:focus {outline: none;}');
  WebBitBtn1.ElementClassName := WebBitBtn1.ElementClassName + ' btnmargin';
  WebBitBtn2.ElementClassName := WebBitBtn2.ElementClassName + ' btnmargin';
end;

procedure TForm1.WebFormShow(Sender: TObject);
var
  el: TJSHTMLElement;
begin
  el := TJSHTMLElement(WebStretchPanel1.ElementHandle.children.item(1));
  el.style.setProperty('background-color','silver');
end;

Explorer the wonderful world of TMS WEB Core

We are excited to announce the immediate availability of TMS WEB Core for Visual Studio Code v1.1 that now enables developing cross-platform Electron desktop apps and PWA's. This is a new milestone in the development of RAD component Object Pascal language based web development. The key differentiators of TMS WEB Core for Visual Studio Code are:

• RAD component based development from the free Visual Studio Code IDE
• RAD designer using web technology, enabling live, wysiwyg design-time rendering
• Development directly from Windows, macOS and Linux desktop machine
• Rich eco system of web related development extensions for the IDE
• Modern IDE with multiview editing, direct high-DPI/retina support

Electron

PWA

Summary

Availability

What's next

There is no doubt that Google is and remains the driving force behind the fast evolving web world. And with Microsoft having adopted the Google Chromium engine in its latest and new default Windows 10 operating system browser, it is clear that the browser gets ever more powerful with each release.

While every Chrome update sees a lot of enhancements, the release 86 introduced perhaps another disruptive feature: the file system access API!

Yes, you read this correct, file system access API or in other words, access to the local file system from a PWA (Progressive Web App)! Of course, Google took the necessary measures to look over security. I can imagine you wouldn't want to be directed to some URL and the web application at this URL will suddenly start scanning your local hard drive.
All local file access remains initiated by user interaction and user consent!


User consent prompt to view files in a folder

What the File System Access API actually provides is:

• open local text or binary files
• save to a local text or binary files
• use the operating system file dialog to pick a file
• use the operating system file dialog to save to a file
• get access to a folder and its files/subfolders
• use the operating system to select a folder
• associate file types with PWA apps

Working with local text files

  TTextFile = class(TObject)
  public
    procedure OpenFile; overload;
    procedure OpenFile(AOpenFile: TOpenTextFileProc); overload;
    procedure SaveFile; overload;
    procedure SaveFile(ASaveFile: TSaveFileProc); overload;
    procedure SaveAsFile; overload;
    procedure SaveAsFile(ASaveFile: TSaveFileProc); overload;
    property Text: string;
    property FileName: string;

    property OnFileOpen: TNotifyEvent;
    property OnFileSave: TNotifyEvent;
  end;

begin
  ATextFile := TTextFile.Create;
  ATextFile.OpenFile(procedure(AText: string)
    begin
      WebMemo1.Lines.Text := AText;      
    end);
end;

begin
  ATextFile.Text := WebMemo1.Lines.Text;
  ATextFile.SaveFile(procedure
    begin
      ShowMessage('File succesfully saved');
    end);
end;

Working with local binary files

var
  base64String: string;
begin
  ABinaryFile.OpenFile(procedure(AValue: TJSArrayBuffer)
   begin
     base64string := ArrayBufferToBase64(AValue);
     base64string := 'data:image/jpeg;base64,'+base64String;
     WebImageControl1.URL := base64string;
   end);
end;

begin
  ABinaryFile.Data := Base64ToArrayBuffer(WebImageControl1.Base64Image);

  ABinaryFile.SaveAsFile(procedure
    begin
      ShowMessage('File succesfully saved');
    end);
end;

Working with folders

  TFolder = aclass(TObject)
  public
    procedure Open; overload;
    procedure Open(AOpenFolder: TOpenFolderProc); overload;
    procedure CreateFolder(AName: string);
    procedure CreateFile(AName: string);
    procedure GetFile(AName: string; GetFile: TGetFileProc);
    procedure GetFolder(AName: string; GetFolder: TGetFolderProc);
    property Files: TFileSystemFileHandleArray;
  published
    property OnFolderOpen: TNotifyEvent read FOnFolderOpen write FOnFolderOpen;
  end;

var
  AFolder: TFolder;
  l: integer;
begin
  AFolder := TFolder.Create;
  AFolder.Open(procedure 
    begin
      for l := 0 to Length(AFolder.Files) - 1 do
         WebListBox1.Items.Add(AFolder.Files[l].Name);
    end);
end;

Intro

SVG support

uses
  AdvTypes;

procedure TForm1.LoadSVG;
begin
  Image1.Picture.LoadFromFile('nature.svg');
end;

Exporting to PDF

uses
  AdvPDFLib, Types;

 procedure TForm1.Button1Click(Sender: TObject);
var
  p: TAdvPDFLib;
begin
  p := TAdvPDFLib.Create;
  try
    p.BeginDocument('SVGToPDF.pdf');
    p.NewPage;
    p.Graphics.DrawImageFromFile('nature.svg', RectF(50, 50, p.PageWidth - 50, 500));
    p.EndDocument(True);
  finally
    p.Free;
  end;
end;

Explore!

Introduction: Supporting .NET 5

We've just released FlexCel .NET 7.8, which adds support for .NET 5.

Usually, "adding support" for a new version of a .NET framework is just recompiling the code, but in this case, as .NET 5 is the successor of .NET Core 3, not of .NET framework 4.8, things got a little more complicated. There were subtle errors generated from the switch from NLS in Windows to ICU (see https://docs.microsoft.com/en-us/dotnet/standard/globalization-localization/globalization-icu ), and there were issues with the switching of the graphics engine from GDI+ to SKIA.

For this release we spent a lot of time optimizing the SKIA rendering, so it is now a little faster than GDI+. We added a way to switch back to GDI+ in Windows if you need to deal with WMF/EMF files or right-to-left languages (see https://doc.tmssoftware.com/flexcel/net/guides/net-core-guide.html ). We made a full review of all string comparisons in the code to ensure they work with ICU.

But this is all just business as usual. For this post, we wanted to have a little fun. And so we decided to investigate what cool stuff we can do with .NET 5 and FlexCel.

Generating a client-side app using Blazor and WebAssembly

Even if still a work in progress, one of the hot new things in .NET 5 is the improvements in Blazor, and more specifically, Blazor WebAssembly.

Blazor WebAssembly allows you to run a web app enterely on the browser, offline, in electron, and it even supports Progressive Web Applications

It made sense then to start with a small WebAssembly app using FlexCel .NET. But before getting into that and getting the hopes too high, I'd like to mention two limitations currently in Blazor WebAssembly:

1. Blazor doesn't yet support AOT. This means that in order to compile to WebAssembly, Blazor currently has a .NET interpreter running in WebAssembly, and the interpreter runs .NET IL, not WebAssembly IL. FlexCel isn't directly converted to WebAssembly, but it rather runs in the browser as .NET IL. And because of there is no "real" FlexCel WebAssembly yet, it is not currently feasible to call FlexCel WebAssembly from TMS WEB Core


2. The graphics engine we use for cross-platform rendering,(SkiaSharp), doesn't currently support Blazor WebAssembly, even if they are working on it. Not having SKIA means that you can't use the FlexCel rendering engine in WebAssembly, so you currently can't export an Excel file to PDF, SVG, or HTML in Blazor WebAssembly.Note that "Server Blazor", which runs native .NET 5 code in the server, doesn't have this limitation.

Both limitations should go away relatively soon, but we wanted to be completely honest about the current state. So now, with that out of the way, let's start. For this first example, we will create a Blazor WebAssembly "calculator" app that runs in the client and uses the FlexCel engine to calculate expressions

This is the second part of a two-part series where we explore using FlexCel.NET and Blazor. The first part was about running FlexCel in the browser, and now we will explore running it in the server.

Generating a "server-side" Blazor app

While blazor WebAssembly is the most exciting thing going on right now, we didn't want to forget that most use cases for FlexCel are server-side. You access a database in your server, generate an Excel/PDF/HTML report with the data, and send it to the client.

So for this second part, we wanted to do something not as exciting as a WebAssembly app, but probably more useful. We won't go into a boring "create an Excel file from a database in the server and send it to the client", because server-side this is just FlexCel (the full FlexCel, without WebAssembly limitations), so you can use any existing FlexCel example as-is. Then you can find thousands of tutorials on the web about how to send the file you created in the server to the browser for the user to download.

What we will do now is adding an SVG chart to the existing "fetching data" example that is created when you create a new Blazor app. We will write the data into an Excel file, use the data to generate a chart, and render the chart in the client.

The video is below:

1. documentation / Manuals
2. Videos
3. Website / TMS Support Center

• Registration email / code
• Product / component
• Version
• IDE
• Screenshots / sample source project + steps