Jump to content

Welcome to Smart Home Forum by FIBARO

Dear Guest,

 

as you can notice parts of Smart Home Forum by FIBARO is not available for you. You have to register in order to view all content and post in our community. Don't worry! Registration is a simple free process that requires minimal information for you to sign up. Become a part of of Smart Home Forum by FIBARO by creating an account.

 

As a member you can:

  •     Start new topics and reply to others
  •     Follow topics and users to get email updates
  •     Get your own profile page and make new friends
  •     Send personal messages
  •     ... and learn a lot about our system!

 

Regards,

Smart Home Forum by FIBARO Team


QuickApp changing text size and color


josjg

Recommended Posts

I am looking for ways to change the fontsize and/or color of a QA panel. Seems to me that it should be done trough updateView, but I can only find the "text" and "value" properties documented (or rather, mentioned in this forum)

Is there a way to change the appearance of a QA?

Link to comment
Share on other sites

Hi @josjg , I'm changing the text colors with html formating...

Please login or register to see this image.

/monthly_2020_09/afbeelding.png.f3f3113f70aba31d7887d5eb2ce89bde.png" />

 

Please login or register to see this code.

afbeelding.png.b7fd33adda6e9781fa75ab811e8c8134.png

 

 

Enjoy coding :-D

 

P.S. This solution is not working in the app, only in BUI.

Edited by Bodyart
  • Thanks 1
Link to comment
Share on other sites

  • Topic Author
  • Thanks a lot @Bodyart I've used self:updateView with a label and passing inline CSS, and it works.

    Next thing I'm looking for is to change the color of a button in my QA. I've noticed the QA having a "viewXml" property set to true. Could that be the way in? Or should I look for [device].properties.viewLayout?

    Link to comment
    Share on other sites

    Hello. I create a quick app  multisensor that displays a number  in dashboard of HC3 by using the updateProperty("value" ,number) . 

    Is there a way to display a text instead of a number ? I used label but I have to click on quick app icon to see the label text but I want this text to be displayed on dashboard.

    Link to comment
    Share on other sites

    Unit for the text behind the number and log for text under value / unit. 
     

     

    Edited by SmartHomeEddy
    • Thanks 1
    Link to comment
    Share on other sites

    Great! Thank you @

    Please login or register to see this link.

     ! I can now appear the Unit of a number but Is there any way to display only the text. I want to create somthing like information box in dashboard. If this is not possible with this type of QA , is there an appropriate type to do this?  Thanks a lot!!

     

    P.S. This was very simple in VDs on HCL and HC2 by creating a Label and check the field "Main" and "Favorite" 

    Edited by Prokopis Bor
    Link to comment
    Share on other sites

    Only in the log field

     

    Please login or register to see this image.

    /monthly_2020_09/0CE20160-E450-41A0-A9C1-5DC687FCCD4A.jpeg.6ef5c5edf11c0712696328abfdb08b0e.jpeg" />

    • Thanks 1
    Link to comment
    Share on other sites

    • 4 months later...
    • 5 months later...

    In previous versions I could write two separate lines of log text, but in the new beta version the text ends up in a single long line.

     

    Is there any trick to force the text into two separate lines?

     

     

    Please login or register to see this attachment.

    Edited by RH_Dreambox
    Link to comment
    Share on other sites

    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.

    Guest
    Reply to this topic...

    ×   Pasted as rich text.   Paste as plain text instead

      Only 75 emoji are allowed.

    ×   Your link has been automatically embedded.   Display as a link instead

    ×   Your previous content has been restored.   Clear editor

    ×   You cannot paste images directly. Upload or insert images from URL.

    ×
    ×
    • Create New...