How to apply word wrap or word-break in skuid table having string field

  • 1
  • Question
  • Updated 6 months ago
  • In Progress
I want the field in my table to display full name.I tried using word wrap and wod break..but nothing worked. Can someone suggest me as how can i break the words in different line so as full name is being displayed.?
Photo of Ankita

Ankita

  • 130 Points 100 badge 2x thumb

Posted 6 months ago

  • 1
Photo of Luzie Baumgart

Luzie Baumgart, Official Rep

  • 3,406 Points 3k badge 2x thumb
Hi Ankita, I would like to help you. Could you please share more information:

1. Skuid version number
2. screenshots of what you tried so far
3. screenshots of the result
Photo of Ankita

Ankita

  • 130 Points 100 badge 2x thumb
yes Luzie sure..Sorry for the late reply.

Skuid version 12.0.6
i tried using css such as word wrap and word break but nothing applied such as:



I guess the picture is not clear ;
the css was :

 word-break:break-word;
   word-wrap:break-word;

The result is not as expected : 

i want this keystone metadata things to break down into another line so that full name is visible when i decrease the column width.

Regards
Ankita
Photo of Ankita

Ankita

  • 130 Points 100 badge 2x thumb
Its almost a week since I have posted this question and its very sad to see as none of the skuid member from skuid community has replied .
Photo of Conlan O'Rourke

Conlan O'Rourke

  • 4,418 Points 4k badge 2x thumb
Ankita,

I'm running an environment with 12.0.6 right now.

"Word-wrap: break-word;" is set by default for table columns, and you do not need to add custom css to accomplish this. Did you also try setting a custom width on your table column?

Below is XML of this functionality working on a 12.0.6 page:

Also, just a friendly note -- this is an online forum, so don't plan for other users to respond immediately. When they do respond, it's because they are willing to offer some free assistance to their fellow forum members. If you need immediate assistance, you should look at hiring a consultant or look at Skuid's professional services engagement.


<skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="true" showheader="true">
	<models>
<model id="Accounts" limit="20" query="true" createrowifnonefound="false" datasource="salesforce" sobject="Account">
	<fields>
		<field id="RecordTypeId"/>
		<field id="Name"/>
		<field id="Description"/>
	</fields>
	<conditions/>
	<actions/>
</model>
</models>
	<components>
<grid uniqueid="sk-1F8s-209">
	<divisions>
		<division behavior="flex" minwidth="100px" ratio="1">
			<components/>
		</division>
		<division behavior="flex" verticalalign="top" minwidth="100px" ratio="1">
			<components>
				<skootable showconditions="true" showsavecancel="true" showerrorsinline="true" searchmethod="server" searchbox="true" showexportbuttons="false" hideheader="false" hidefooter="false" pagesize="10" alwaysresetpagination="false" createrecords="true" buttonposition="" mode="read" allowcolumnreordering="true" responsive="true" uniqueid="sk-1F86-85" model="Accounts">
					<fields>
						<field id="Name" hideable="true" uniqueid="fi-1F8F-146" columnwidth="10px"/>
						<field id="Description" hideable="true" uniqueid="fi-1F8F-147"/>
					</fields>
					<rowactions>
						<action type="edit"/>
						<action type="delete"/>
					</rowactions>
					<massactions usefirstitemasdefault="true">
						<action type="massupdate"/>
						<action type="massdelete"/>
					</massactions>
					<views>
						<view type="standard"/>
					</views>
				</skootable>
			</components>
		</division>
		<division behavior="flex" verticalalign="top" minwidth="100px" ratio="1">
			<components/>
		</division>
	</divisions>
	<styles>
		<styleitem type="background" bgtype="none"/>
	</styles>
</grid>
</components>
	<resources>
		<labels/>
		<javascript/>
		<css/>
		<actionsequences uniqueid="sk-1F89-116"/>
	</resources>
	<styles>
		<styleitem type="background" bgtype="none"/>
	</styles>
</skuidpage> 
Photo of Ankita

Ankita

  • 130 Points 100 badge 2x thumb
Hi Conlan...

I am sorry if it has hurt anyone sentiments..and was not aware of skuid professional service engagement..since I am new to skuid..My bad !!!!!!!!

Thank you for your help it really helped me....:) :)
Photo of Conlan O'Rourke

Conlan O'Rourke

  • 4,418 Points 4k badge 2x thumb
No hurt sentiments at all. :) Just a friendly reminder. I also have numerous posts currently without any response. Skuid recently released a major update (Spark), and I think there are a lot of questions being asked right now.