Skuid NLX, SFX, & EXP

Common use case is within a deck to set card styling.

We like to use guage charts in some of the other parts of our organization to display current values of a metric. Skuid/Highcharts doesn’t have a specific guage chart (as far as I’m aware), but I just discovered that we can turn a donut chart into a guage by setting the start and end angles of the chart! 🙂A before render snippet like this does the trick:var args = arguments[0];$.extend(args.plotOptions.pie,{startAngle:-90, endAngle:90});

It would be nifty if there was a function to test Skuid page’s ability by systematically loading the page in groups of models set to query on page load.My use case is often single-page apps that have many models that need to be on the page. Other models/components are put to page includes whenever possible.So the test would first gather up all the models that are enabled on page load. Then it would systematically test the page to isolate the model that is the culprit. The page could actually have more then one model that is causing the issue, but running the test would discover this.

I was struggling to find a way to conditionally render a button on a table row to take an action with context based on the field value of that specific table row or child object from a table row, and pass that context to the action taken. It would appear that SKUID allows you (in the Editor UI) to have conditional rendering on elements in table rows based on “Row Property” but not row field value which is an unfortunate limitation. Additionally, if dealing with child objects for that row item, it looks like there’s not much directly in the UI to do if you want to have a conditional button that passes context on those. I found a solution and wanted to share it here in case anyone is having this trouble as well. To make this work I used a template field and inside the template field draw from a formula on the row (or child object) to conditionally render an edit button using an HTML link invoking inline javascript like this: {{ConditionallyRenderMe__c}} (edit){{/ConditionallyRenderMe__c}

A fair number of posts here refer to Sample Pages that we posted in Github or Bitbucket.  We have moved these to a new repo.  So if you get 404 errors on the links in an old community post.  Most likely you will find that page here: https://github.com/skuid/SamplePagesSearch for the page name in that repo and most likely it will still be there.  Some of the more code-heavy pages are being moved to Skuid Labs - our repo of interesting experiments and extensions.   Check that out at  https://github.com/skuid/skuid-labsAlso you should check out the examples of fully built Skuid applications that are found at our Design System site:  https://portal.skuidsite.com/designsystem 

As per subject. The use case I currently have is that I have a deck component with a button set component next to it. I would like to be able to toggle a condition using just these icon only buttons. I could make use of UI only model and field, but would prefer the option to render based on a model conditions state.

Simply to deactive if active or activate if inactive a condition. I could use this in a button.

Hello Skuid Community!Please be sure to review this important information about Salesforce’s Spring '20 release, which contains updates that will affect your Skuid experience.

Happy New Year Skuid Community,We want to alert you to two changes with your Salesforce environment that affect your Skuid experience and provide recommendations we have to address these impacts.Change #1: Lightning Component ChangeSalesforce has made a change to the way Lightning Components are validated as explained in this knowledge article. This change prevents a successful upgrade of Skuid when trying to upgrade from older versions of Skuid for Salesforce (older than 11.1) to the current supported versions (Millau 11.2.X and Spark 12.2.X) as noted in this community post. When is this change happening? Salesforce is requiring compliance with these changes in Salesforce’s Spring ‘20 release which hits sandboxes the weekend of January 3, 2020. (allow time for proper testing) What do I need to do? If your company’s production instance is running an older, unsupported version of Skuid for Salesforce (older than 11.1), you need to take action by upgrading your Skuid version to the curre

I ran into an issue where I was running through heavy javascript processing (big for loops) and the browser tab was freezing while it was iterating over the loops. In order to fix this I utilized some code that ran the loops in asynchronous chunks broken up by a maximum time per chunk, allowing the page to have intermittent updates while the loop was running. I wanted to share this template code here so anyone that is having this issue can benefit from it. Keep in mind this code is ran asynchronously, so you’ll need to rely on the “endFn” function variable to execute code after the loop completes. //Iterate Array Asynchronously //If iterating over Model Rows, first get the rows into an array using model.getRows(), use that as the array variable //fn = the function to call while iterating over the array (for loop function call) //chunkEndFn (optional, use undefined if not using) = the function to call when the chunk ends, used to update a loading message //endFn (optional, use undefined

Nautilus Notes December starts at 2:03pm today! Here’s a brief preview of what we’ll be talking about: Skuid actions: event publishing, inputs, and toast messages Einstein analytics data & REST models Skuid and LWC Carl’s ridiculous tacky sweater Looking forward to seeing you there (registration link: https://go.skuid.com/nautilus-notes-webinar-december). Come prepared with your best Christmas Carol puns. Cheers! Matt

Same as “Show Message and Block UI” but this would the user to continue with page elements that are not blocked.

Hello everyone, here’s the Skuid approved method for creating a good test page. Why are test pages important?A simple test page is easy to share with other Skuid users. It allows another person to easily reproduce your use case and, in the case of an issue, identify what's going on. Because Skuid pages are stored as XML, it’s easy to transfer Skuid pages between environments, especially if you follow the guidelines below. What makes a good test page? A good test page consists of the following:At the top of the page, a description of what's going on: this can be a list of steps to reproduce the issue (in the case of a product defect) or a description of the change (in the case of a feature/improvement). Please also include a brief description of the expected result and actual result.If the issue requires a specific environment configuration (i.e. a Salesforce Validation Rule), include specific steps for setting up the configuration.If at all possible, use Ui-Only models because they wil

Hi all, You may have already seen this, but in case you didn’t - no Nautilus Notes today, as we are going to do a Dreamforce “cooldown run” Nautilus Notes on Friday, November 22. Register here: https://go.skuid.com/nautilus-notes-webinar-novemberHope you can join us!Thanks,Matt

Thanks for fixing the Child Page (and regions) working as a Page Include in v1. 

Hello Skuid builders! Nautilus Notes October edition is tomorrow! Skuid practitioners will come together to talk about what’s going on in the Skuid world, including:Date calculation formulas in 12.2 V2 styling tips and tools Client-side data operations: UI-only models, adopting and removing rowsFormulas and child relationship data...and much more. We’ll also hear from Engineering and Product Content about what they’ve been working on and what’s new out in the wild. We can’t wait.If you haven’t yet, register here. See you there!P.S. Still working on uploading 19.4 to our YouTube channel - be on the lookout. Thanks!

I’d like for a “Row in Model Updated” to only run when also not “New row created in Model”

There are times I’d like to have something that can be set to render/enable to be unrender/disabled by default.

The styling for the file upload component is fairly locked down in V2 Spark. There are several pieces to this component as it manages the upload process and I’d like to be able to move these around with more flexibility than currently provided. Here’s a screenshot of the general style I have, which is leveraging a button from the DSS and some HTML in a text component, which I’ve positioned over the button using a negative margin. The additional components that appear during the drag state and the upload progress don’t have any controls over where they get placed relative to the button. I’d like to have control over moving the upload status message above, below and inside the button. Ideally I’d like to be able to display a progress bar during the upload process. Also of note is the % complete never updates during the upload process - it just shows 0% and then at the end it blips 100% and disappears, even for large file uploads that can take a couple minutes to complete. I also ha

This is a little nit-picky, but in the Spark page composer, when you click on a button, the delete button show up right on top of the button. I’ve accidentally deleted button numerous times as a result and if I have unsaved work, I either have to rebuild the button or redo whatever I was working on. Can this be moved just a tad?

Most of the pages I work with have a few layers of responsive grids, wrappers, wizards, etc.  that sometimes make it difficult to select the item in the composer that I need to work on.  In Spark, there’s a lot more granular control and I’m finding that this is naturally leading to even more layering.  Generally speaking I see this level of control and page hierarchy a positive, but the page composer is much more difficult in spark for these nested structures.  Also, the component layout frames seem to take up slightly more real estate and the horizontal scroll is no longer there. The idea I have to solve for this would be to have some sort of zoom in to drill down or popup for the section of components that need to be worked on. Here’s a screenshot of the issue in the Spark composer where I can’t add a field to a form component::

There are lot of styling options that I would expect in the DSS that aren’t there (yet?).  From other posts I know there are more being added.  We have a number of very specific styling rules we need to hit and I think that if all of these were added to the DSS, the DSS would get overwhelmingly complex.Are there plans to add the ability to add custom style attributes to the components in the DSS?  What I’m envisioning is similar functionality that is in the wrapper component in V1, where you can add multiple styles and they insert on the wrapper component when the page renders.I understand that adding custom class structure creates issues with upgrades, but if we could add our styles on the defined components it would break us through a number of hurdles that we’re running into with Spark.

Would love to see this in Spark! 

The SF Enhanced Formula Editor chrome extension is super useful tool when building SF formulas.Since it appears it’s built entirely off JS and CSS (see Github), I wonder if something similar could be baked into Skuid’s formula editor.

Starting March 16, 2019, Salesforce will be automatically turning on the Salesforce’s Remove Instance Names from URLs for Visualforce, Community Builder, Site.com Studio, and Content Files Critical Update. If your org has My Domain enabled and you are using Callback or Redirect URLs in either your Skuid pages or in standard Salesforce (such as in Salesforce buttons), this could potentially impact you! In addition to Salesforce’s documentation above, please see our Callback URLs/Redirect URLs documentation for more information. The troubleshooting section contains our recommendations on what to look for so you can test this out while it is still possible to activate and deactivate this critical update in your org.