I want to make the centre widget border colour Basic widget should be have active colour when i slide it Silver widget will be centre so Silver widget should be active then to purple.
while slider the centre widget border colour must be active constantly.what should I do?
I'm not getting the logic how to make it as active colour
at start you must create a contoller for you page view
after that you check current pageIndex from your controller with the index in pageBuilder
if they are same then your condition ......
From what I have understood you want to change border color of the widget containing the plan Image With Marked Area to purple if clicked on the specific plan.
If so,
Store index
store the current index selected in the widget state and change the color accordingly.
eg in decoration the color property will have condition:
color: currIndex==planIndex?Colors.purple:Colors.black,
where currIndex is the index currently selected and planIndex is index of the plan in list (basic:0,silver:1,etc)
Add onPageChanged callback.
like so:
onPageChanged:(i)=> setState(()=>currIndex=i),
Related
In my application, I am using Material 3 for theming. I created a theme at Figma with Material Theme Builder and add generated code to my app. But there is something that I can not figure out how to achieve.
For example, material theme builder creates a Surface tones palette that contains six different colors.
I want to use the "Surface at + 1" color for example, it harmonizes the surface color with the primary color.
But generated code doesn't contain any property like surface1 and harmonizeWith property is not working as expected.
Do you have any suggestions?
Those values are derived within the framework. In case you want to calculate values yourself,
final color = ElevationOverlay.applySurfaceTint(color, surfaceTint, elevation);
Here color would be background color, surfaceTint is defined in colorScheme and elevation would be 1-5. You will get the resultant color.
But...
The way it should be used is by using Material widget as parent with providing MaterialType to that Material Widget.
More info could be found here in source code
https://github.com/flutter/flutter/blob/198a51ace9d4a7d79ec01e64d48f8fc6e37fb9d7/packages/flutter/lib/src/material/material.dart#L504
just figure out that the Table needs a TableBorder which takes Color only and controls the boundary and interior divisions (horizontalInside....) of the table.
The idea is how can we make a divider with a "gradient" effect, can we actually do this?
I want to display the required text field in star symbol
if user didnt enter any values it should change the Border color to red
if user enter values it should Change the Border color to green
Unfortunately you can't simply change border color of an item. You can change background nad text color.
You can simulate border color by adding new item which is 2 pixels longer and higher than your item. Place this item under your item and change its background color. It is not as difficult as it looks.
You can change color in WHEN-VALIDATE-ITEM on your item using builtin procedure SET_ITEM_INSTANCE_PROPERTY
I want to allow the entry of different coloured alpha numeric into a text box. The person clicks on one of four buttons (blue, grey, green or red) to select the colour and that colour applies to all alpha numeric entered into the text box until a new colour is selected (e.g., KPB - the K is blue and the PB is red; -6 is green).
Thanks,
Glyn
Hi #AndreiVolgin,
This is how I implemented your suggestion. I am working on getting the display a bit "nicer".
Thanks,
Glyn
You cannot style text inside a TextBox - even "::first-letter" selector does not work on it.
You can try to create your own widget which will include a transparent TextBox widget on top of a Label widget, where on each KeyUpEvent in the TextBox you update the Label widget with the corresponding text in different colors.
This is my report.
Above row contains a parent row group and a child row group.
I have done border formatting of the report . I simply right click each Text box and gives border accordingly. But, I am not able to set border for entire Group. In group properties there is no option for Border. I do not want any border between the rows of a group. How I can do that?
Go inside the textboxes you want to remove the borders and remove the top and bottom border.
When the group expands, you will see the bottom border of the first textbox outside the group in the top and the top border of the first textbox outside the group below it. (but in between cells from the same group, there will be no borders)
If you only want to set the border to the Row header you shouldn't use the border property of the Row detail.
The reason you wont see the changes on the bottom row header is because it overlaps with the top border of the row details.
A good way to work around it is as follows :
you can set the color and border width of all three sides(Top, Left, Right) of the row header and see the change in the preview. However, even after you change the color of the bottom border value you wont see the change until you start scrolling down. IN most cases the visibility is not good even oenter image description heren the printed version of the report.
solution : change the border width of the bottom border width property to be greater than the default or the detail top border width property.
caution : if you change the top border property of the detail columns it will repeat through out the details.
eg.
Row header border property :
Border color Black
Border width 1pt, , , , 2pt
Row detail border Property :
Border color LightGrey
Border width 1pt