WebUI

Dear Community, We constantly strive to add value to our customers and users by adding new features to make it easier to build applications and provide the best visualization and user interface. In this endeavor, we realize some underlying technical challenges slow us down from time to time. We are therefore building a new WebUI framework that is flexible, robust, and easy to use for us and our users (e.g. when custom widgets are needed, or existing widgets need custom changes).Some of the issues we aim to solve or address are:We have to build each widget from scratch since most widgets do not share a common base. Why reinvent the wheel when there are libraries that already provide a large set of charts! Lowering/eliminating the dependency on third-party libraries that are no longer updated(maintained) or have legacy code that makes it difficult to build new features. Dependency on certain technologies due to compatibility issues between different frameworks. The current custom widget

I am unable to create a simple custom widget using the AIMMS widget framework documentation from https://documentation.aimms.com/webui/dev-tut-1.html#your-first-custom-widget.I have reproduced all the steps as listed in the above webpage includingUsing NetworkData folder Creating subfolders in MainProject/WebUI/resources Creating the js files Trying to add the the widget (after refreshing page)I want to use the custom widget for two functionsVisualization for javascript d3 library Embedding an html file in the widgetIs anyone facing a similar problem/ or is aware of a solution (or an easier alternative)?  

I am wondering if it is possible to disable end-user filtering in one specific table in the UI?The use case as follows: the user needs to be able to do mass changes on a specific parameter displayed in the a table. The idea is that by filtering through a few multiselect widgets the user can define which rows are displayed in the table, and then via buttons or widget actions apply the mass changes.To avoid the confusion for the user, I want to restict the user from applying end-user filtering, since this will not work appropriately with the mass change procedures.

Hello! In the WebUI of AIMMS I created a bar chart containing based on 23 data points. However I would like to order the different bars in an ascending order. Is this possible in the WebUI?  Next to that I have another question: in the same WebUI I have another bar chart which shows the workload of 60 different nurses. Right now each of the nurses gets a specific color, however there are three different types of nurses. So in the bar chart it would be nice if each nurse of a certain type has the same color. So, for example, all nurses from type 1 get a green color in the bar chart. Is this possible in AIMMS? Thanks in advance!  Jelle

I was wondering if the following workflow is possible in AIMMS WebUI.User runs a procedure - this could include a web::request_invoke_async() or Execute(), for example User can continue other work Status bar procedure polls for an update and displays statusCurrently, I could setup a manual polling procedure that the user can click and run to check the status. I imagine one can setup a separate app that gets an ID and details of user request and polls for the status and runs an AIMMS procedure using AIMMS PRO API to update the status bar. (Is it even possible to run a procedure in an active AIMMS session/job through the PRO API?) It is a little too convoluted to setup simple use cases.

Hi, I know this was asked before (I believe a > 1 year ago), but is there already a way to show the values in a bar-line chart. I know you can have a nice hint-text, but I want these labels shown immediately, so you can get all relevant data in one single view/screenshot (useful for ppt presentations for managers).In addition, the values for the bars and line I want to show have different ranges, thereby having a secondary Y axis is almost a necessity. Is that already possible, or expected anytime soon? My customer now copies data to Excel so they can make the graph they want, which I believe is a pity. Many thanks,Frank

In your answer to my previous question, you mentioned I could keep the questions coming. Last couple of days I have been playing quite a bit with AIMMS and the WebUI again, so here are some of my questions @Pratap Kumble  . In the winUI, I had the option of denoting a string parameter that should be used for the display of the values of an index of a parameter in the pivottable. For example, my set could be elements {0,1,2} but I could set a string parameter to be used to display the values of the set, meaning in the table it would be shown as { “My option 1”, “My option 2”, “My option 3” } Is this still easily possible and am I overlooking something, or is this option not possible anymore? One of the options I liked in the winUI is setting the columns to auto-width based on the data that was displayed. This way I did not have to manually figure out what is the best width for each of the columns. Is this option still possible in the webUI? Do I understand correctly that the difference

A very good day to everyone!I have a little problem here whereby I have keyed in all my data and details into AIMMS. However, I just found out that the UI I used is WebUI and not WinUI. May I know how to change the WebUI to WinUI without even deleting all the data I have keyed in?Thank you so much for helping. 

Started another round of playing around with the AIMMS webui and running into some more questions again   I think most of my questions originate from the fact I still think in the old winUI and trying to convert my mind into the webUI way of thinking I saw that the scalar widget has two ways it can display the contents, depending on whether you include one or more values: The top one is the style whenever you select a single scalar value, the bottom one is when you have multiple scalars to be displayed. Is it possible to use the second style if you just want to display a single scalar value? The underlying reason for this question is that I would like to create something like the DialogGetString functionality: create a dialog page that provides the user with a field to provide the name for a scenario or a case. Is there anything I am overlooking here? Am I trying to use the webUI in the old winUI way and should I be doing this in a different way?

Hello, WebUI community :) WebUI performance (i.e., ensuring a snappy user experience) is a key focus area for the AIMMS WebUI development team. Early this year, we released a performance improvement like 'Smarter Delivery'. Many performance enhancements are triggered by your input during several sessions over the last year; thanks for that! The primary learning for us is that there is more to WebUI performance than merely measuring how long it takes to load a page in your browser, for example, how your end-user perceives your application.  We want to continue with this effort this year by organizing regular (i.e., a few times a year) meetups (with a group of users). During such a meetup, we plan toshare success stories between customers on how they managed to improve the performance of their application and/or deep-dive into a specific, real-life, WebUI application to understand the reason for slowness and share tips.The outcome of such a meetup could be some tips on improving your app

Hi @Gertjan , We are really interested in using the Calendar widget in the WebUI. Is there any update on when will it be available?    Thanks, Cristina Sanchez Molero  

Hi,I am dealing with the allocation problem where my result is a binary variable. In the application the result, the data filled in the variable, is presented in a nice way but I cannot get it to work in the WebUI. Is there a way to get this done ? When trying to display the binary variable in a table in the WebUI, no data is shown. Kind regards,Marie

I have a String parameter for BeginDateofCalendar which takes a string of date.I created a procedure for getting value for the above string parameter using DialogGetDate which gives me option to select a date from Calendar.But it only working in WinUI. When i am running the procedure in a page in WebUI its running but the calendar is opening in AIMMS App, not in WebUI.what should i do so that the calendar opens in WebUI and not in AIMMS App?

Hello Community! We recently released AIMMS 4.75 which packs quite a punch and is feature-rich!We would love to hear your feedback on all the WebUI features and are curious to hear more about the Grid Layout.Creating a layout in the WebUI and arranging widgets is a somewhat time-consuming task. We believe the Grid Layout will save you time and also bring consistency in the way your application looks. Some of the features that are available in the grid layout are:10 standard layouts to choose from. Select a layout and just assign widgets areas. No need to size widgets anymore. The fit and adjust in the areas when assigned. Fits in a lot more resolutions. Moving towards responsiveness. Tablet friendly. Ability to create custom layouts, in case the standard layouts do not suffice. Centered layouts which eliminate defining a max columns.Here are some useful links to get started:Grid Pages - https://manual.aimms.com/webui/webui-grid-pages.html Creating Custom Layouts - https://manual.aimms.

To easily recognize data items belonging to the same category, it helps to have:a good qualitative color palette, and a consistent use of that palette for charts on that page.This is why I wrote two corresponding How-To articles:Add color palettes This article is about using qualitative color palettes that can be obtained from the internet, and subsequently transcribed to a CSS file that can be used in conjunction with annotations for AIMMS Data Dependent Styling. This article comes with an AIMMS application that let you transcribe your own palettes. Consistent data coloring on an AIMMS WebUI page This article is about using the CSS files created in the first article to obtain a consistent use of the legend for all widgets on that page as shown in the following picture: I hope these articles will help you in setting up data visualization palettes for your own application.

I’m looking for help to extracting the first and last value of a given list. I have a binary parameter L(p,i) which will be given varios list of data.For example:List p=1: i=1 → 0i=2 → 1i=3 → 1i=4 → 0List p=2:i=1 → 1i=2 → 0i=3 → 1i=4 → 1I’m looking for a command which will extract the first i which is set to 1 on a given list. In this Example for the list p=1 it would be i=2 and for the list p=2 it would be i=1.I’m also looking for a command which will extract the last i which is set to 1 on a given list. In this example for the list p=1 it would be i=3 and for the list p=2 it would be i=4.I tried the “First” and “Last” command which always lead to using i=1 (for the command “First”) even though in the example p=1 the value of i=1 is 0 and not 1.Any help would be appreciated. 

As you may know, in the map widget, the end-user can scroll horizontally and vertically, by just grabbing a point on the map widget and dragging it to the desired position. Zoomed out, scrolling horizontally, you'll view the entire globe.This how to article shows a small application with a route sailing across the globe. A set of waypoints with legs make up a route for sailing across the globe. By scrolling horizontally, the route adapts dynamically to the visible part of the map widget.For instance, the app opens with the following map widget:After scrolling to the other side of the planet, the sailing route is shown as follows: 

I was wondering if it is possible to change the shape of the node on the map from a circle to something different, e.g. a square or triangle? I am already using color coding to indicate allocation of store locations to warehouses, the shape is intended to differentiate between 3 different types of stores.Using of icons or alterntative stroke colors doesn't really work, because the nodes need to be quite small. But I am also interested in any other suggestions to make it work.Thanks!

Hi all,my question relates to the font size of axis labels when enlarging the respective widget to full-screen mode. The font size is fine on the normal page when the widget is its standard size. However, when zooming the widget, the font size stays the same, making it very hard to read.Especially when making screenshots of the charts to use in e.g. business presentations, it would help if we can adjust the label size when enlarging a widget.Any suggestions as to how I can do this?Thanks in advance 

I would like to freeze the left most column in one of my tables. This column contains an identifier with no values in other columns. Is this somehow possible via CSS or some AIMMS logic I am not aware of?

I created a very simple pie chart using a parameter with one index with 2 elements, named “Actual and “Penalty”.I was expected that the pie chart showed me the names “actual” and “penalty” inside the wedges, like shown in the article: https://documentation.aimms.com/webui/pie-chart-widget.html I also tried an elementtextidentifier to the set I use, although I would expect this does not make sense since the element are already named.I can’t find anything related in the pie diagram options or do I miss something?

I would like to visualize the opening and end stock in one line. This means for exampleOpening Stock Week 1: 100 (t = 1)End Stock Week 1: 80 (t = 2)Opening Stock Week 2: 120. (t = 2) This means on the x-axis (t = 2) has 2 values 80 and 120. I would like to see this jump without creating dummy x-axis points which are very close to t = 2.Is this possible?

I have a parameter over weeks with historic and forecast info. I want the historical week to be a dotted line and from the current week onwards a solid line. I use an annotation ‘dash’ and created a string parameter that have dash for the historic weeks. I added this as annotation the parameter, but if I use this all the weeks are dotted. (When I remove the annotation the whole is solid, as it should be). So is it possible to change the line over the axis?