Some style inputs are different from older version.

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
IvSolutions
Posts: 2
Joined: 08 May 2020, 10:41

02 Oct 2020, 12:57

Hi,

Some style inputs are different from older version. For example, the input text components with float label in the version 9 dont have border but in the version 10 yes.

Is this normal?

Thanks

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

10 Oct 2020, 02:21

Hi,

Yes, the new version includes major changes with the PrimeOne Vision Concept. Input elements have two modes; filled and outlined like https://material.io/components/text-fields
Please see "Input Style" options in the configurator panel (the right of the page); https://www.primefaces.org/serenity-ng/#/

Best Regards,

nick53635
Posts: 1
Joined: 13 Jul 2020, 04:01

10 Nov 2020, 03:25

Is there any plan to get old design back?
At least. Panel header and toolbar should do more design like old one.

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

11 Nov 2020, 08:54

Unfortunately, no. You can do it using sass variables easily. Please see the following variables in the _variables file;

Code: Select all

...
$tabviewNavBorder:solid rgba(0,0,0,.12);
$tabviewNavBorderWidth:0 0 1px 0;
$tabviewNavBg:#ffffff;

$tabviewHeaderSpacing:0;
$tabviewHeaderBorder:none;
$tabviewHeaderBorderWidth:0 0 0 0;
$tabviewHeaderBorderColor:transparent transparent transparent transparent;
$tabviewHeaderBg:#ffffff;
$tabviewHeaderTextColor:$textSecondaryColor;
$tabviewHeaderFontWeight:500;
$tabviewHeaderPadding:1rem 1.5rem;
$tabviewHeaderMargin:0 0 0 0;

$tabviewHeaderHoverBg:rgba($primaryColor,.04);
$tabviewHeaderHoverBorderColor:transparent;
$tabviewHeaderTextHoverColor:$textSecondaryColor;

$tabviewHeaderActiveBg:#ffffff;
$tabviewHeaderActiveBorderColor:transparent;
$tabviewHeaderTextActiveColor:$primaryColor;

$tabviewContentBorder:0 none;
$tabviewContentBg:#ffffff;
$tabviewContentTextColor:$textColor;
$tabviewContentPadding:$panelContentPadding;

...
Best Regards,

Post Reply

Return to “Serenity - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests