Control Samples

Select a platform below to view the samples and code snippets for the controls and features.

Video

Take advantage of our YouTube Channel and check out all of the tutorials as well as interviews and more!

Product Downloads and Installers

The Infragistics Ultimate package includes all of our products.  The main package installer provides all the dev controls you'll need.  Add in Indigo Studio and Quince for design tools, then download our iOS and Android controls to complete your toolkit.  NOTE: icons are not available for trial, but are included in the purchase of Ultimate.

Archived Products

If you need a previous version of your product, look in our Archived Products page. NOTE: you must have an account and be logged in to access these installers.

Community

  • NUCLiOS IGGaugeView: Place Custom Views at Specific Values
    POSTED ON: 09/30/2014 11:00 AM  BY:  Stephen Zaharuk
    The IGGaugeView is one of our most customizable controls. You can control the placement of pretty much anything that it draws within it. However, you may want to display some custom content on top of the gauge, for specific values.  Turns out, like everything else in this control, its super easy! You just need to use the following method: -(CGPoint)pointForValue:(CGFloat)value atExtent:(CGFloat)extent; The method takes 2 parameters: Value: This is the actual value within your gauge you'd like to display. So for example if you have want to display your custom view in the middle of your range, and your min value = 0 and your max value = 100, then you would set the value to be 50. Extent: This is a value from 1.0 through 0.0.  Where 1 is the outer bounds of the gauge, and 0 is the inner bounds. So, if you wanted to display the custom view near the outside of the gauge, you could set it to value like .9. The return value of the method, is the point relative to the gauge that meets the passed in criteria.  We actually use this method heavily within the SBViz application we wrote back in January.  Each one of those floating circles is a UILabel that we're positioning over the gauge.  I hope this was helpful.  -SteveZ
  • iOS Quick Tip: How to build your App at native resolutions for the iPhone 6 and iPhone 6+
    POSTED ON: 09/29/2014 11:00 AM  BY:  Stephen Zaharuk
    I was one of apparently many people that waited up till 3am(i'm on the East coast) to pre-order the new iPhone 6+. I had trouble deciding which size to go with, but being a developer, i decided to go with the 6+ because it would offer me more opportunities to take advantage of the new screen size.  So after a long week of waiting, my new iPhone was delivered by the UPS guy. And of course, after i got it all setup, the first thing i did was open up the Applications i've developed to see how they look on the new screen.  Now, if you didn't know, by default, if your application is explicitly optimized for the new screen sizes, the phone will just upscale the app, which basically just magnify's everything in the app from its native iPhone 5 size.  For the most part, they looked pretty good. Maybe a little blurry in some instances. However, I knew with the new screen resolution, it could look a LOT better, and really take advantage of the new size.  So, i plugged my new device to my macbook, updated my developer account to know about the new device, and build the app on it. Silly me, for thinking that it would automatically know to use the new resolution... For some reason, i don't know why, the way you tell your application that it supports the new screen size, is to include a new launch image with the specific resolution. It worked this way for the iPhone 5/5s as well.  Back then, you would add an image named: "Default-568h@2x.png"  Simply adding an image with that exact name to your project would get rid of those black bars and you'd instantly have more space to work with.  So... whats the magic file name for the 6/6+? Apparently there isn't one... Apple added a new concept of Image Assets, where you can specify your Launch Images.  If you selection your project, and go to the General tab, under App Icons and Launch Images, you'll see a label that says Launch Image Source  and a button thats Use Asset Catalog. Press that button: Now click the button, and then hit Migrate: You should now see the following screen: See the 2 slots at the Top Left? Thats for the iPhone 6+ (Retina HD 5.5) and the iPhone 6(Retina HD 4.7) The required image sizes are: 6 Plus: 1242x2208 Click here to Download a blank 6+ image 6 :750x1334 Click here to Download a blank 6 image And thats it. Run your app, and you should now be running at the device's native resolution.  Happy coding! -SteveZ
  • NUCLiOS IGGridView QuickTip: Dynamic Column Count Based on Screen Size
    POSTED ON: 09/26/2014 11:00 AM  BY:  Stephen Zaharuk
    Today's iOS device landscape is much different than it was a year ago. As developers we need to start making our apps more dynamic. We can longer be content with having checks to see if a device is an iPhone vs an iPad and expect certain sizes based on that.  I speak from experience as i've done the same in the past.  So today, i'm going to show you one way in which you can make your apps more dynamic using the IGGridView.  If you're not familiar, with it, we have a DataSourceHelper thats pretty helpful in displaying the same type of cell, for any amount of columns.  I've created an IGGridView, showing a single field of images. _gridView = [[IGGridView alloc]initWithFrame:self.view.bounds]; _gridView.autoresizingMask = UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth; _gridView.rowHeight = 150; _gridView.headerHeight = 0; _gridView.rowSeparatorHeight = 0; [self.view addSubview:_gridView]; IGGridViewImageColumnDefinition* col = [[IGGridViewImageColumnDefinition alloc]initWithKey:@"image" forPropertyType:IGGridViewImageColumnDefinitionPropertyTypeImage]; _dsh = [[IGGridViewSingleFieldMultiColumnDataSourceHelper alloc]initWithField:col]; _dsh.numberOfColumns = 5; _dsh.data = [igSalesmanItem generateData:200]; _gridView.dataSource = _dsh; Looks pretty good on my iPad in portrait, right? Lets take a look at what it looks like on my iPad landscape: Ick.. not so good..  How about an iPhone 4": Ahhhh... thats even worse.  Now in the past, i might've just said, ok, if you're an iPhone only display 3 columns and change the rowHeight... but really.. thats kind of gross...  So what can we do? Well lets think about the code we saw above. I have 2 hard coded values here. I've set the rowHeight to be 150 and i've set the number of columns to 5. We also know that the images above are square. Which means we want the rowHeight to be the same as the column width... hmm... ok... So that kind of sounds like basic math right? So, maybe thats exactly what we should be doing? For the sake of simplicity, i'm going to do all of my logic in my ViewController's viewDidLayoutSubviews method. As it will be invoked when i'm rotated as well.  So now i've got a couple of options. I could base my size off of the number of columns i want... OR i can base my column count off of the size i want.  For this scenario, i'm going to choose the latter. So, lets keep with the fact that I like the 150pt size of my images.  So lets just calculate the number of columns we can display: -(void)viewDidLayoutSubviews {     CGFloat size = _gridView.bounds.size.width;     CGFloat itemSize = 150;       NSInteger numberOfColumns = roundf(size/itemSize);     itemSize = size/numberOfColumns;          _gridView.rowHeight = itemSize;     _dsh.numberOfColumns = numberOfColumns;          [_dsh invalidateData];     [_gridView updateData]; } Thats all the code we need! Now when we run our app. Not matter what screen size, it will just look good: So the default iPad in Portrait looks the same... thats good! Wow, now the iPad Landscape looks much better. Its automatically displaying 6 columns instead of 5. How about the iPhone? Awesome!. Now we could even run this on the iPhone 6+ and the iPhone 6 in their respective native resolutions and it would just work! Here it he 6+: I hope you find this helpful! -SteveZ

Forums

View All

Discuss our UI and UX tools with hundreds of thousands of developers who can share their experience and problem-solving know-how with you.

Events & Webinars

View All
  • .NET Conf UY 10/03/2014
    Attention all developers in and around Montevideo, Uruguay: Infragistics is officially participating in .NET Conf UY. This five-day event is the place to go for learning, networking, and fun, and we can't wait to see you there!
  • Visual Studio Live! 2014 - Washington, DC 10/06/2014
    Will you be at VS Live! in Washington, DC this fall? Be sure to say hi to Infragistics while you're there! Our very own Brian Lagunas will be presenting two talks on Creating Cross Platform Games with Unity & WPF for the Real World so don't miss out.
  • Xamarin Evolve 2014 10/08/2014
    If cross-platform mobile development is your forte, you're going to want to join us in October for Xamarin Evovlve 2014! Come hang out, learn, and network with your fellow developers for 2 days of training and 3 days of informative sessions at the Hyatt Regency in Atlanta, Georgia. We'll see you there!

WE'RE SOCIAL