Andrew Fosterandrewfoster.hashnode.net·Jun 22, 2022Adding a table with Infinite ScrollingSo far the user interface for the index pages looks like this: I want to apply one of the TailwindCSS list styles to this and then allow the user to scroll content for as much as they like without using paging controls. On some pages this may not be...Discuss·19 likes·105 readsRails 7 ApplicationRuby on Rails
Andrew Fosterandrewfoster.hashnode.net·Aug 30, 2022Calendar component using ViewComponent and HotwireTailwindUI has a nice looking calendar component I can use for this task. Here is what it will look like: And here is the component in action being used to set a value for a date input: https://www.loom.com/share/5aba00620a15484baa3f7a6fb08f617d Let...Discuss·1 like·559 readsLearn MoreRuby on Rails
Andrew Fosterandrewfoster.hashnode.net·Oct 3, 2022Dropdown/Select component using ViewComponent and HotwireTailwindUI has something they call a Select Menu component which will be the basis for what I am calling a Dropdown component. Here is my Storybook entry for the finished component: And here is the component in action for two different types of drop...Discuss·1 likeLearn MoreRuby on Rails
A'sTechwareastechware.hashnode.net·Mar 24, 2023Exploring the Latest Web Development Trends: A Dive into Rails 7 and Turbo.Rails 7 with Hotwire and Turbo is a powerful web development framework that provides developers with an extensive range of features, tools, and libraries. It’s designed to make it easier for developers to create high-performance applications that are...DiscussAstechware
Mateusz Białowąsmateuszbialowas.hashnode.net·Oct 31, 2022Dependent drop-down selects with Rails and HotwireThis article will teach you how to create drop-down selects with Rails and Hotwire. I want to add country and state to the user. When users select a country, we want to fetch all states from this country and add to the states input-select. Let's sta...Discuss·832 readsRuby on Rails
Andrew Fosterandrewfoster.hashnode.net·Oct 3, 2022Dropdown/Select component using ViewComponent and HotwireTailwindUI has something they call a Select Menu component which will be the basis for what I am calling a Dropdown component. Here is my Storybook entry for the finished component: And here is the component in action for two different types of drop...Discuss·1 likeLearn MoreRuby on Rails
Andrew Fosterandrewfoster.hashnode.net·Sep 5, 2022Displaying audit logsWay back in Part 8 I spoke about adding auditing to this application. I used the audited gem to provide the functionality for tracking changes. Now I want to display those audit logs to the users. This is going to introduce a couple challenges from a...Discuss·30 readsRails 7 ApplicationRuby on Rails
Andrew Fosterandrewfoster.hashnode.net·Aug 30, 2022Calendar component using ViewComponent and HotwireTailwindUI has a nice looking calendar component I can use for this task. Here is what it will look like: And here is the component in action being used to set a value for a date input: https://www.loom.com/share/5aba00620a15484baa3f7a6fb08f617d Let...Discuss·1 like·559 readsLearn MoreRuby on Rails
Andrew Fosterandrewfoster.hashnode.net·Aug 15, 2022Nesting content with Tab NavigationThis application has a number of models that have has_many associations to other related models. An example being an ItemSellPack has many aliases declared through ItemSellPackAlias. Presenting these related records is a user interface decision of wh...Discuss·26 readsRails 7 ApplicationRuby on Rails
Andrew Fosterandrewfoster.hashnode.net·Jul 22, 2022Notifications and Animation with HotwireAn important aspect of any application is letting the users know what is happening in the clearest possible way, and even more so when this application can now be broadcasting changes that other users have made. Right now the default Rails notificati...Discuss·135 readsRails 7 ApplicationRuby on Rails
Andrew Fosterandrewfoster.hashnode.net·Jun 30, 2022Modal for Adding RecordsAt the moment the only way to add new records is using the scaffolded "New" page. Not only is it pretty uninspiring to look at it, using it means navigating away from the index page to do so. Instead I'll let users add records directly from the inde...Discuss·80 readsRails 7 ApplicationRuby on Rails
Andrew Fosterandrewfoster.hashnode.net·Jun 30, 2022Inline Editing and Deleting with Hotwire - Part 2This second part will cover how to edit records from the index page and also how to reflect those changes on any other page that may be viewing those records. Here is what will be working by the end of this blog (spoiler alert!). Editing the text fie...Discuss·74 readsRails 7 ApplicationRuby on Rails
Andrew Fosterandrewfoster.hashnode.net·Jun 28, 2022Inline Editing and Deleting with Hotwire - Part 1The majority of editing in the application I am thinking will be a single field at a time, preferably without needing to open a new page to do so. The best way to achieve that will be to allow inline editing of my collection rows. I can also give but...Discuss·55 readsRails 7 ApplicationRuby on Rails
