Novice,

My code example was An edit of the $:/ControlPanel to show how to wrap the 
whole set of tabs;

However now you illustrated the exact location I will look for an answer, 
and others may know.

Regards
Tones

On Monday, 9 November 2020 12:59:54 UTC+11, Tiddly Novice wrote:
>
> Sorry about not describing things properly, I've been having a lot of 
> trouble thinking clearly lately. Here's a picture that hopefully points out 
> the areas I'm trying to affect. I'm trying to have the tab content area 
> have the same background colors, but there's these areas on the sides that 
> aren't being affected by what the transcluded tiddler has for settings. I 
> guess what might work would be to remove whatever the gap is? Is that what 
> padding and margin is for tabs? I'm also trying to have the tab content 
> area have a border on all sides. How would I define a stylesheet for that? 
> Also, how do I use the code you posted?
>
> On Sunday, November 8, 2020 at 5:00:33 PM UTC-8 TW Tones wrote:
>
>> Novice,
>>
>> One of the first things I want to remind you is the tabs macro is a 
>> provide macro, and it does a lot and suits most people. If you want to do a 
>> lot of customisation you should consider cloning the built in tabs macro 
>> and modify it as you see fit.
>>
>> Perhaps an image to illustrate *"this weird space between the tabs and 
>> the tab area box and that is not the look I'm after"* would help.
>>
>> Remember the tabs macro is in a tiddler, within this tiddler you can 
>> control how things appear. You could wrap the whole tabs macro in a html 
>> div with a style or class applied. Or in some cases a div is allready 
>> present; see How I modified $:/ControlPanel 
>> <https://tiddlywiki.com/#%24%3A%2FControlPanel> below,Then change the 
>> margin and padding values 
>>
>> <div class="tc-control-panel"  style="border: 5px solid green; padding: 
>> 50px; margin: 20px;">
>> <<tabs "[all[shadows+tiddlers]tag[$:/tags/ControlPanel]!has[draft.of]]" 
>> "$:/core/ui/ControlPanel/Info">>
>> </div>
>>
>> Tones
>>
>>
>>
>>
>>
>>
>> On Monday, 9 November 2020 11:38:12 UTC+11, Tiddly Novice wrote:
>>>
>>> Actually, I take back my nevermind since I still can't figure out how to 
>>> control the background of the entire tab box area. Merely changinge the 
>>> background of the contents of any transcluded tiddlers seems to leave this 
>>> weird space between the tabs and the tab area box and that is not the look 
>>> I'm after. Also, how do I add a full border surrounding the area of the tab 
>>> box? (Please forgive me if the answer is obvious. The only GUI design class 
>>> I've ever had was "Intro to Visual Basic".)
>>>
>>> On Tuesday, November 3, 2020 at 1:08:24 PM UTC-8 Tiddly Novice wrote:
>>>
>>>> Nevermind, it turns out that the tiddler being transcluded by the tab 
>>>> is what controls the background colors. Which is actually really 
>>>> convenient.
>>>>
>>>> On Monday, November 2, 2020 at 7:04:07 PM UTC-8 Tiddly Novice wrote:
>>>>
>>>>> Is there a way to change the background color and border color for 
>>>>> just the contents area of a tabs widget? And for bonus points: is there a 
>>>>> way to change the contents area styles based on what tab is open or what 
>>>>> tiddler is being transcluded by the currently open tab?
>>>>>
>>>>

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/ec727851-0e62-4886-b152-a72ac75d32dco%40googlegroups.com.

Reply via email to