[Resolved] Limiting custom field length to display

[Author]

Posts

[J S]

How do I limit the length of a field that I am displaying with a Types Shortcode?

I came across a previous post from 2013 suggesting to create a shortcode to do so for the title like this:

add_shortcode('my-title', 'my_title');
function my_title($args) {
   $title = get_the_title();
   if (isset($args['length']) && strlen($title) > $args['length']) { 
     $title = substr($title, 0, $args['length']) . '…';
   }
   return $title;
}

Then, you can use

[my-title length="20"]

to display the shortened title.

How can I apply this methodology to another field? Can you please indicate how to modify the shortcode to other types fields on custom post types?

Thanks

[Minesh Supporter Languages: English (English ) Timezone: Asia/Kolkata (GMT+05:30)]

Hello. Thank you for contacting the Toolset support.

Could you please try to follow the following steps in order to resolve your issue.

1)
Try to add following code to your functions.php file.

add_shortcode('show_field_with_limit', 'func_limit_field_length');
 function func_limit_field_length($atts, $content = '') {
    $content = wpv_do_shortcode($content);
    $length = (int)$atts['length'];
  
    if (strlen($content) > $length) {
        $content = substr($content, 0, $length) . '…';
    }
  
    // Strip HTML Tags
    $content = strip_tags($content);
  
    return $content;
}

2)
Try to call your shortcode as given under:

[show_field_with_limit length="140"]
[types field="your-field-name" output="raw"][/types]
[/show_field_with_limit]

Where:
- Change the length attribute value as per your need.
- Replace your original field name

[J S]

This worked perfectly, thanks. I do have a followup question though related to this.

For some reason, the text input field in a text search box is getting shortened unintentionally where I am using the default text search shortcode, not the shortcode you provide above. How can I make the text field for the default text search box the full width of the box?

See screenshots showing the view used in the header, and the header itself where the search box is displayed. I don't see any css or settings in the view that should be preventing the full placeholder text from displaying, but it is being cutoff at 20 characters.

How can I fix this?

It should have anything to do with the above shortcode right?