horizontal line between fields

Follow

Yohan Hidalgo

• November 12, 2015 19:24

Hi Podio members,

Wanted to know if you ever implemented a horizontal line / separator.. that can separate fields

0

• 

  Adrien BLAISE

  • November 12, 2015 19:32

  Hi -- you can use a calculation field for this. You'll need to enter a “dummy” variable for it to work, like:

  /// @Unique ID;
  "----------"
  

  Or even :

  /// @Unique ID;
  "## SECTION TITLE\n----------"
  

  To display:

  SECTION TITLE

  ---

  You can use any markdown code (look that up if needed).

  HTH.

  1

  Comment actions Permalink
• 

  Yohan Hidalgo

  • November 12, 2015 20:45

  TY Adrien !!

  you Rock!!!

  0

  Comment actions Permalink
• 

  Rainer Grabowski

  • November 13, 2015 07:40

  You can also do things like this
  

  0

  Comment actions Permalink
• 

  Yohan Hidalgo

  • November 16, 2015 14:43

  Wow Rainer your post image it's really nice!! Could you share a glimpse of how the calculation fields you used?

  Thank you for collaborating !

  0

  Comment actions Permalink
• 

  Yohan Hidalgo

  • November 16, 2015 14:45

  Question for "Adrien Blaise", where do I look this up at ? -- the markdown code (look that up if needed).

  Ty

  0

  Comment actions Permalink
• 

  Adrien BLAISE

  • November 16, 2015 14:47

  Google is your friend ;o)

  0

  Comment actions Permalink
• 

  Rainer Grabowski

  • November 16, 2015 16:45

  The red line and "Systemfelder ..." are self made pics, stored on a website; they have a public URL. You can also store these pics as files in Podio and then use the Podio file-URL. But if you store them in Podio and if you have stored them in Workspace A and use them also in Workspace B, only those users can see them, who are also member in Workspace A (and have access to the files). So I like to store them on an own website with a public URL; then every user cann see them. You can also use this service to create a separator with a public URL (play with it and you see what's possible).

  For implementing them in a calculation field I use markdown code (to learn more about markdown follow Adrien's link). The basic code structure for images in calc fields is "![](url)"

  The signs in front of the field names are Emoji unicode characters (copy them form the "Native" column).

  Btw: With markdown code you can also create hyperlinks and show code as

  code 
  

  here in the postings.

  0

  Comment actions Permalink
• 

  Richard Hedger (Niton)

  • December 18, 2018 07:26

  @rainer - I managed to create nice looking section headers which are great for the browser experience but terrible on the phone app.

  Is there anything that can be done to improve the user experience on the phone app which doesn't appear to support this?

   

  
  
  
  

  0

  Comment actions Permalink
• 

  Rainer Grabowski

  • December 18, 2018 20:09

  Hey Richard,
  
  I assume you're talking about the iPhone app, cause in the Android app they should be shown correctly (that's cause the calculation fields can't be rendered 100% correctly in both apps, e.g for tables, in the iPhone app the rendering options are even worse). 
  
  The only workaround is to create real images (.png or .jpeg) and use them as separators. The images can be stored in Podio and you can use the Podio file url in the calc field - but then each user must have access to that workspace where the images are stored. If one doesn't have access to that workspace the images wouldn't be displayed for that user. If you use Globiflow you can get a public url for each stored image which you can use in the calculation field. An alternate is to have the images on a webpage and to take that url. 

  Rainer
  
   
  
  

  0

  Comment actions Permalink
• 

  Richard Hedger (Niton)

  • December 19, 2018 13:07

  @Rainer

   

  Yes, your're right - I'm referring to iPhone. Looks like I will be changing my phone...;)

  I suppose I could store the images in an archived app in the same workspace...or set them up on gDrive open to anyone with the link? I will give it a try.

   

  Thanks

   

  0

  Comment actions Permalink
• 

  Dirk Spannaus

  • February 01, 2019 07:38

  @Richard how did your test go?

  1

  Comment actions Permalink
• 

  Aramis Reynoso

  • May 06, 2022 14:57

  Rainer Grabowski Using the dummy image generator, do you have an example of how to use the emoji in the text of that image? I tried using the  UTF-8 Hex versions but I can't get it to work.

  

  0

  Comment actions Permalink

Please sign in to leave a comment.