Is it possible to display popup in Paging Grid ?

Question

I am displaying details in a paging Grid wherein one of the column holds text of length more than 500. Which is actually making the UI look bad. 
 I want to display the text in a column like 
 
 So when I click on "...." a popup appears which displays the entire text. 
 
 Thanks 
 Dipti Salgia

swarajd0001 · Answer

Hi diptis, 
 as ramanjaneyulu said, as of 18.3 we don't have option in appian to display popup. 
 I create a special column in the grid to show long string as caption .... as shown in below picture

load(
local!employees: {
 { id: 1, firstName: "Google Google LLC is an American multinational technology company that specializes in Internet-related services and products, which include online advertising technologies, search engine, cloud computing, software, and hardware" , lastName: "Smith" , department: "Engineering" , title: "Director" , phoneNumber: "555-123-4567" , startDate: today()-360 },
 { id: 2, firstName: "Yahoo Yahoo! is a web services provider headquartered in Sunnyvale, California and owned by Verizon Communications through Oath Inc.. The original Yahoo! company was founded by Jerry Yang and David Filo in January 1994 and was incorporated on March 2, 1995" , lastName: "Johnson" , department: "Finance" , title: "Analyst" , phoneNumber: "555-987-6543" , startDate: today()-360 },
 { id: 3, firstName: "Facebook Facebook, Inc. is an American online social media and social networking service company based in Menlo Park, California. Its website was launched on February 4, 2004, by Mark Zuckerberg, along with fellow Harvard College students and roommates Eduardo Saverin, Andrew McCollum, Dustin Moskovitz and Chris Hughes", lastName: "Reed" , department: "Engineering" , title: "Software Engineer" , phoneNumber: "555-456-0123" , startDate: today()-240 },
 },
 
 
 
 a!gridField(
 
 label: "Employees",
 totalCount: 5,
 columns: {
 a!gridTextColumn(
 label: "Name",
 data: {left(local!employees.firstName,10)},
 alignment: "LEFT"
 ),
 a!gridImageColumn(
 size:"ICON",
 label: "Info",
 data:
 a!forEach(
 items: local!employees,
 expression:a!documentImage(
 Document: "6233",
 altText: "Info",
 caption: fv!item.firstName
 )
 )),
 a!gridTextColumn(
 label: "Title",
 data: {local!employees.department},
 alignment: "LEFT"
 ),
 a!gridTextColumn(
 label: "Department",
 data: {local!employees.title},
 alignment: "LEFT"
 ),
 
 },
 value: a!pagingInfo(
 startIndex: 1,
 batchSize: 5,
 sort: a!sortInfo(
 field: "name",
 ascending: true
 )
 )
 )
) 
 
 Thanks ...