A new version of the Text Widget has just been released!

  • 3
  • Article
  • Updated 3 years ago
  • (Edited)
This version of the Text Widget has improved reliability and includes new features such as a source code view that make it easier to manage text in your digital signage. 

As always, let us know your thoughts in the community (https://community.risevision.com).

Enjoy!

                      
Photo of Alan Clayton

Alan Clayton, Official Rep

  • 8,788 Points 5k badge 2x thumb

Posted 3 years ago

  • 3
Photo of Beth B

Beth B

  • 452 Points 250 badge 2x thumb
I can't let you know my thoughts because the link for that is not good, just like the "New" Text Widget.
Photo of Alan Clayton

Alan Clayton, Official Rep

  • 8,788 Points 5k badge 2x thumb
Hi Beth, sorry for any confusion. This is just an announcement to let everyone know a new Text Widget is available for use. You can check it out by adding the Text Widget to one of your Presentations. 

Thanks!
Photo of Beth B

Beth B

  • 452 Points 250 badge 2x thumb
Yes, but what happened to the very nice Text Widget that was so easy and user friendly! I went in to change the color of my text and the widget is now so confusing! All the nice easy to pick fonts are gone, this is no longer easy to use and you still can't see the text without having to preview it. Will there be a video or something that will show how to use this updated version. 
(Edited)
Photo of Beth B

Beth B

  • 452 Points 250 badge 2x thumb
This reply was created from a merged topic originally titled What Happened to the Text Widget!?!.

The very nice Text Widget has been replaced or updated with a terrible counterpart! I went in to change the color of my text and the widget now looks horrible! All the nice easy to pick fonts are gone, this is no longer user friendly and you still can't see the text without having to preveiw it! What has happened!
Photo of mlm

mlm, Official Rep

  • 4,624 Points 4k badge 2x thumb
Hi Beth, Thanks for the feedback.
Is it just the missing fonts that you find confusing? Is there anything else you can elaborate on?
The new widget has all the functionality that the original one had with some added features based on user feedback.

The stage now has a checkered pattern like you would see in the photoshop to indicated it is transparent which will now allow you to see white text. 
The other major feature we added was the ability to edit the source code. This will give users the ability to add any css or custom styling that the widget does not already provide (for example text drop shadows).

Other additional features include, bullet & numbered lists and out and indent.
Photo of Beth B

Beth B

  • 452 Points 250 badge 2x thumb
Yes the missing fonts are frustrating! Also I have been looking and can find no answer on how to use custom URL fonts. The old widget was so easy and simple.
Photo of Shea

Shea, Official Rep

  • 5,188 Points 5k badge 2x thumb
Hi Beth,

If you use the new version of our editor the fonts will show up in the editor so you can see what they look like without previewing it. And you can access the new editor here: https://apps.risevision.com/editor/list



And here's a walkthrough on how to use custom fonts:

Find the font you'd like to use, for this example I'll use Adam.CG Pro which is available here: http://psd-behanse.rhcloud.com/2015/10/15/adam-cg-pro/ Just scroll to the bottom of the page and click download. This will download a ZIP file. 

Open the Zip file and upload the folder to Rise Storage (If you are a subscriber) or your web server. Once you've uploaded it click on the .otf file, then the chain icon (right next to the trash can) and copy the URL.



Then go to your presentation and paste the URL into the custom font field. Then click Save, and then Save and Preview the presentation.




Let me know if that helps!

Thanks,
Shea

 
(Edited)
Photo of Biologyben

Biologyben

  • 3,558 Points 3k badge 2x thumb
While many things have improved, I am also disappointed that the specialty fonts were removed.  It was very convenient to have them available since most of the other fonts are very similar (all clear and readable, but nothing flashy or interesting visually)

Sad to see them go.
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
Although, I salute the decision to remove all the silly font types and guide the general mass of users towards the legible fonts and better, educated typography :) ;however, I do not think it is cool to limit people. Let them do the stupid fonts, so some of us could shine above them :)

I also was disappointed when in style google fonts did not work, too... it is not a problem, I just tired to beet the system. BUT I really like this new text editor a lot, especially 'source code' view. Just, please, be good and bring us more fonts of which we are not gonna use most of them anyways. Having a useless choice is always better then not having.
(Edited)
Photo of Jameison Cooper

Jameison Cooper

  • 110 Points 100 badge 2x thumb
So, I can't use google fonts?  This change is very frustrating as all my presentations utilize the same google font (which was easily accessible before).  I am not very skilled in 'source code'.  Can you help with this?
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
Man, this is the first thing I tried and it did not work. I hope Rise Vision guys will weight in on this. If I can attach google fonts using html/css code, I believe most of us would be OK with that.
Photo of mlm

mlm, Official Rep

  • 4,624 Points 4k badge 2x thumb
To clarify the widget does pull from google web fonts, it shows the top 50 most popular ones. 
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
i noticed in the code those are google fonts, but i was not able to hook up other google fonts thru html/css. i must say there are quite few holes in the reasoning behind top 50. at least inserting ones not from the list worked...
Photo of Jameison Cooper

Jameison Cooper

  • 110 Points 100 badge 2x thumb
Is there a way to get one of the less popular ones from google?  I was using Marcellus SC.
Photo of Alan Clayton

Alan Clayton, Official Rep

  • 8,788 Points 5k badge 2x thumb
Jameison, Darius, Biologyben, Beth -

Thank you all for the feedback. I'll review with the team to discuss how we can provide more Google Fonts without negatively impacting the load time of the Widget Settings.

Thanks to all! Greatly appreciated. 
Photo of Media Manager

Media Manager

  • 1,670 Points 1k badge 2x thumb
I happened to have been struggling with the previous text widget and discovered that my problem was that I was selecting fonts which were only available on either Windows or Mac while I have an Ubuntu display. Google fonts was the answer because they are cross platform.  While including some Google fonts in the drop-down list by default is a step forward, I agree that having access to the cornucopia of Google fonts is an absolute necessity.

Considering my situation, I think it would be of great benefit to disseminate the list of fonts in such a way that more clearly indicates on which platforms they will display correctly.
Photo of mlm

mlm, Official Rep

  • 4,624 Points 4k badge 2x thumb
I think correlating a specific font to an os would create some confusion. While Times New roman might not be pre packaged in all os systems you can absolutely install them on all of them.
(Edited)
Photo of Media Manager

Media Manager

  • 1,670 Points 1k badge 2x thumb
Point taken, but you didn't address Apple fonts. Is there a way to install those legally on Ubuntu? As a side note, I installed MS core fonts in Ubuntu and have at least one text widget not displaying an MS font properly.
Photo of mlm

mlm, Official Rep

  • 4,624 Points 4k badge 2x thumb
Im not really sure regarding the legality of installing apple fonts on a different os.
I haven't really experienced the issue you are describing, you might want to start a topic with specifics and see if other people have experienced and can help out.

It might also be worth noting I exclusively use google web fonts as I think they are aesthetically a little more pleasing and I don't have to count on a specific media player to have the font loaded.
Photo of Media Manager

Media Manager

  • 1,670 Points 1k badge 2x thumb
Thank you. The exact point I've been getting at. You use Google fonts exclusively. How then can it be confusing for you to differentiate between sources?  All of yours are nested under "More fonts..." Easy to find, no installation. Differentiating can only help others who want to use fonts not available by default on their display to either avoid or install missing fonts. Where is the confusion?
(Edited)
Photo of mlm

mlm, Official Rep

  • 4,624 Points 4k badge 2x thumb
The first 17 fonts are considered web safe fonts and for the most part should be available on all os systems by default. Although I know you have pointed out a few common ones that are no longer available in Ubuntu. 

The rest of the fonts there after are google web fonts.
 
I think a differentiator could be useful. Id suggest creating a new topic (label it as an idea) with specifics on what you had in mind and we can see who else would like this.
(Edited)
Photo of Media Manager

Media Manager

  • 1,670 Points 1k badge 2x thumb
In addition, I am having trouble with vertical alignment in the new text widget. It seems the text is either aligned to the bottom or padded at the top in such a way that I am losing the bottom half of the text to the boundary of the placeholder.
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
So, I hacked it! I will explain a bit later, but firs I need to say that code Widget is creating gets a bit messy. Also, I would suggests that instead of putting code between paragraph <p> brackets, widget would be adding <div> brackets.

What I did I created another Custom HTML widget and copied there the entire code from Text Widget. I had to clean it a bit (too messed up for some reason) and replaced <p> with <div> and wuala! http://preview.risevision.com/?type=presentation&id=269dedc8-99e7-4a28-b7f2-f84b7ea48f97&sho...

On the left side - custom HTML, on the right - text widget.
(Edited)
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
Trust me it does... I knew it was gonna be an issue before i even looked at it and it really was because my custom html proves it.

Widget code: <p style="text-align: center;"><span style="font-size: 24px;"><span style="font-size: 30px;">CAFETERIA</span></span><span style="font-family: verdana, geneva, sans-serif; font-size: 24px;"><span style="font-size: 30px;"> MENU</span></span></p>

Custom HTML: <div style="text-align: center;"><span style="font-family: verdana, geneva, sans-serif; font-size: 24px;"><span style="font-size: 30px;">CAFETERIA MENU</span></span></div>
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
Or just add a tool for paragraph line height as in the old text widget.
(Edited)
Photo of Media Manager

Media Manager

  • 1,670 Points 1k badge 2x thumb
Oh, I see what you're saying. Simply the fact that the text widget uses <p> element instead of something more appropriate is causing my issue. I read it as though there were elements that were being erroneously inserted.  Thank you for the example code. That seems to have done the trick.
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
Well, first I was trying to get rid or replace that <p> element in the text widget, but the widget was adding it every time no matter what. So, in that case, yes, it gets inserted there, but not erroneously. The widget was designed to do that.
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
So, I gave it a try tonight myself. Besides the limited fonts I also find the lack of line height control quite frustrating. In that regard it is a step back. Basically, to deal with this crazy paragraph line spacing and keep lines condensed where needed I had to edit HTML code manually and replace each new line <p> with <br>. This, perhaps, is not all that important for paragraph text, but multi-line headlines cannot be spaced that far apart considering the larger font size used already.

Some more suggestions.

Please bring back background color picker. I found it very useful when working with white text. I know, we got that checkered background now, and it works... kind of... Still, white text is somewhat hard to read. I used to set Text Widget's background the same color as in the layer under. It worked very well. I know, I can assign color to placeholder's background, but, in case of revisions and changes, getting rid of it later is very difficult. Have you tried? There is no really option for transparency and working with that slider-color picker is a real pain. Making a new placeholder instead is faster )))

Back to fonts. There is simply not enough... there is really no 'block' style fonts for strong headers. 'Bold' simply does not cut it with existing ones. Found it impossible to apply manually 700... 800.. 900 weights.

Is there a chance to see text-shadow style?

'Abel' font missing... big disappointment. Just for that I wan the old Text Widget back (((
(Edited)
Photo of Alan Clayton

Alan Clayton, Official Rep

  • 8,788 Points 5k badge 2x thumb
Hi Darius, quick update for you.  We just released an updated version of the Text Widget that includes the ability to set Single or Double line spacing. See screenshot below. If you want to use a different value, the line-spacing value can be set to whatever you'd like from the HTML view. 

 

Following this release will be another change that will provide you the ability to set your font to be any one of the 600+ Google Fonts. 

Thanks! 
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
Thanks Alan. It is much better now. I see you also addressed the other issues too, such as padding, background color. Awesome job guys, this widget is much easier to work with.
Photo of Beth B

Beth B

  • 452 Points 250 badge 2x thumb
SO I have beenplaying around in the New Editor and found that the Time and Date Widget now has lots of different fonts; when it did not before.Most of them I had used on the Old Editor with the Old Text Widget. Now compare this to the New Text Widget which does not have the nice range of fonts that used to be avalible. What's up with that? Why aren't all fonts accessible across the board?
Photo of Alan Clayton

Alan Clayton, Official Rep

  • 8,788 Points 5k badge 2x thumb
Hang in there Beth. We're working on adding the additional fonts into the Text Widget now and will be releasing soon. Thanks!
Photo of Alan Clayton

Alan Clayton, Official Rep

  • 8,788 Points 5k badge 2x thumb
Hi Beth, we just deployed a change that allows you to select from all Google Fonts. Hope this helps. Check it out and let us know what you think. 

Thanks!
Photo of Eric S.

Eric S.

  • 7,412 Points 5k badge 2x thumb
I too am having issues with this new Widget. Trying to update some presentations to use the new editor.

1. When I make a change, save then preview, the change doesn't seem to happen. I've moved the placeholder across the presentation and it still shows up in the original position I placed it.

2. I can no longer see the text until preview, which makes it even harder to place when you can't see it and then the preview doesn't update!
Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
Glen,

Sounds like you have a browser extension or setting that is affecting your experience. Please refer to this video that I just created utilizing the new Text Widget.
Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
Glen,

Actually to clarify, do you mean you can't see the text in the Editor, or in the Text Widget configuration screen? If you mean in the Editor, that's an issue that we are aware of and currently have work slated to resolve the issue.
Photo of Eric S.

Eric S.

  • 7,412 Points 5k badge 2x thumb
It is indeed in the editor. Glad to know you're working on it.